一、CSS基础属性
举列：h1{ color:red; text-align: center; } 选择器：h1 声明块：{color:red; text-align: center;}
二、CSS选择器
CSS选择器，决定了将规则应用到哪些元素上
三种基本选择器：元素选择器、类选择器、ID选择器
除此之外，CSS还提供了大量的选择器
三、声明冲突
四、层叠概述
什么是层叠：层叠是一种机制，用于解决CSS声明冲突
五、层叠过程：
当发生冲突时，优先级高的会保留，优先级低的会被淘汰
一个声明的优先级，与它的来源和重要性有关
1．浏览器默认样式表中的声明
2．用户样式表中的普通声明
3．作者样式表中的普通声明
4．作者样式表中的重要声明
5．用户样式表中的重要声明
优先级由低到高排序
比较特殊性：每一个声明都有一个特殊性(Specificity)
当发生冲突时，特殊性高的会保留，特殊性低的会被淘汰
一个声明的特殊性，取决于规则适用范围的大小
规则适用范围越大，特殊性越低，适用范围越小，特殊性越高
具体规则：
示列：
当发生冲突时，特殊性高的会保留，特殊性低的会被淘汰
一个声明的特殊性，取决于规则适用范围的大小
规则适用范围越大，特殊性越低，适用范围越小，特殊性越高
比较源次序：
最后出现的声明胜出，其他的全部淘汰
该规则的实际应用：
CSS Reset代码前置
a元素的伪类书写顺序
六、继承
继承：继承(inherit)，指子元素会自动拥有父元素的某些CSS属性
CSS代码：body{color:red}
HTML代码：
<body> body中的内容 <p>p元素中的内容</p> </body>
示列：
继承发生的场景：
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
