4.css的三大特性
1.层叠性
相同选择器给设置相同的样式,此时一个样式就会覆盖(层叠)另一个冲突的样式。层叠行主要解决样式冲突问题。
层叠行原则:
样式冲突,就遵循就近原则,哪个样式结构近,就执行哪个样式。
样式不冲突,不会层叠。
2.继承性
子标签会继承父标签的某些样式,如文本颜色和字号。简单理解就是:子承父业。
恰当使用继承性可以简化代码。
主要继承跟文字相关的样式
特殊类型:行高的继承
行高也会继承,行高可以跟单位,也可以不跟单位
如果子元素没有设置行高,则会继承父元素的行高为(1.5)
此时子元素的行高是:当前子元素文字大小*1.5。
优点:
body行高1.5倍 这样写法最大优势就是里面的子元素可以根据自己文字大小自动调整行高。
3.优先级
当一个元素指定多个选择器,就会有优先级产生。
选择器相同,则会执行层叠性
选择器不同,则根据选择器权重执行。
通配符或继承 :0
标签选择器:1
类选择器:10
id选择器:100
伪目标选择器:10
行内样式:1000
!important:无穷大
继承的权重是0,如果该元素没有直接选中,不管父元素权重多高,子元素得到的权重都是0.
权重计算相加
权重值相同的后边覆盖前边