属性值的计算过程
浏览器渲染网页:
一个个元素依次渲染,且按照页面文档的树形结构顺序进行渲染。前提条件要求该元素的所有css属性都必须有值。
而一个元素从没有属性值到每个属性都有值得计算过程叫做"属性值得计算过程"
此过程一共有以下四个步骤:
-
确定声明值:参考样式表中没有冲突的声明,作为css属性值
-
层叠冲突:对样式表有冲突的声明使用层叠规则,确定css属性值(依次比较重要性,特殊性和源次序)
-
使用继承:对仍然没有值的属性,若可以继承,则继承父元素的值
-
使用默认值:对仍然没有值的属性,使用默认值
inherit:手动继承,将父元素的值应用到该元素
initial:初始值,将该属性的值设置为默认值