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语法:

相关推荐
工业甲酰苯胺11 分钟前
实现 json path 来评估函数式解析器的损耗
java·前端·json
老前端的功夫12 分钟前
Web应用的永生之术:PWA落地与实践深度指南
java·开发语言·前端·javascript·css·node.js
LilySesy41 分钟前
ABAP+WHERE字段长度不一致报错解决
java·前端·javascript·bug·sap·abap·alv
Wang's Blog2 小时前
前端FAQ: Vue 3 与 Vue 2 相⽐有哪些重要的改进?
前端·javascript·vue.js
再希2 小时前
React+Tailwind CSS+Shadcn UI
前端·react.js·ui
用户47949283569152 小时前
JavaScript 的 NaN !== NaN 之谜:从 CPU 指令到 IEEE 754 标准的完整解密
前端·javascript
群联云防护小杜2 小时前
国产化环境下 Web 应用如何满足等保 2.0?从 Nginx 配置到 AI 防护实战
运维·前端·nginx
醉方休3 小时前
Web3.js 全面解析
前端·javascript·electron
前端开发爱好者3 小时前
前端新玩具:Vike 发布!
前端·javascript
今天也是爱大大的一天吖3 小时前
vue2中的.native修饰符和$listeners组件属性
前端·javascript·vue.js