CSS的三大特性总结

层叠性

定义：所谓层叠性是指多种CSS样式的叠加。例如，当使用内嵌式CSS样式表定义p标记字号大小为12像素，链入式定义p标记颜色为红色，那么段落文本将显示为12像素红色，即这两种样式产生了叠加。

当样式发生冲突的时候，最后定义的样式会将前面定义的样式层叠掉（覆盖）

特点：权重相同，但是样式冲突。

继承性

定义：所谓继承性是指书写CSS样式表时，子标记会继承父标记的某些样式，如文本颜色和字号。想要设置一个可继承的属性，只需将它应用于父元素即可。

标签之间属于嵌套关系的时候，子元素中的属性可以继承父元素中的属性。

特点：

1、恰当地使用继承可以简化代码，降低CSS样式的复杂性。但是，如果在网页中所有的元素都大量继承样式，那么判断样式的来源就会很困难，所以对于字体、文本属性等网页中通用的样式可以使用继承。例如，字体、字号、颜色、行距等可以在body元素中统一设置，然后通过继承影响文档中所有文本。

2、所有与字相关的都可以继承，比如：color、text-系列、font-系列、line-系列、cursor

3、并不是所有的CSS属性都可以继承，例如，下面的属性就不具有继承性：边框、外边距、内边距、背景、定位、元素宽高属性。

4、所有盒子相关的属性都不能继承。 a标签 hn 标签不会实现继承。

优先级

总体优先级比较

important > 内联(行内样式)> ID选择器 > 伪类|类 | 属性选择器 > 标签 选择器 > 伪对象 > 通配符 > 继承

优先级的特点

1. 继承的权重为0。即在嵌套结构中，不管父元素样式的权重多大，被子元素继承时，他的权重都为0，也就是说子元素定义的样式会覆盖继承来的样式。
2. 权重叠加。