CSS基础选择器

标签选择器:标签名 p{ font-size:16px;}

类选择器:.class { font-size:16px;}

<标签名 class= "类名称">标签内容</标签名>

id选择器:#id { font-size:16px;}

<标签名 id= "id名称">标签内容</标签名>

优先级:ID选择器>类选择器>标签选择器

数字不能作为开头

标签指定式选择器(交集):选择器1选择器2... ph1{ font-size: 36px;}(既符合选择器1,又符合选择器2)

包含选择器(子代):选择器1 选择器2 ...p h1{ font-size: 36px;}

群组选择器(并集):选择器1,选择器2,选择器3... ph1{ font-size: 36px;}

通配符选择器*{margin: 0px;padding: 0px; }

h1,p,...所有元素{margin: 0px;padding: 0px; }(消除默认边框的影响)

(常用于去除页面标签默认的margin和padding)

Emmet语法:

相关推荐
日月晨曦20 小时前
大文件上传实战指南:让「巨无霸」文件也能「坐高铁」
前端
bug_kada20 小时前
防抖函数:从闭包入门到实战进阶,一篇文章全搞定
前端·javascript
拜无忧20 小时前
css带有“反向圆角”的 Tab 凸起效果。clip-path
前端·css
月亮慢慢圆20 小时前
Intersection Observer API
前端
薛定谔的算法20 小时前
《虚拟 DOM 与 Diff 算法:用 1500 字把它讲成“人话”》
前端·react.js·前端框架
Mintopia20 小时前
🚀 Next.js 企业级文件上传方案全解
前端·javascript·全栈
lyq31520 小时前
Sass 常用语法
css·scss
雾岛听风来20 小时前
k9s监控k8s集群工具
前端
用户872613424185120 小时前
封装组件库并上传npm源
前端