从无属性值到每个属性都有值的计算过程 怎么来计算呢?有4个步骤:
1,确定声明值 声明值 参考样式表中没有冲突的声明,直接拿出来作为css属性值,第2步以后就不再就进行了 user agent stylesheet的样式属于声明的属性值
2,层叠冲突,对样式表有冲突的使用层叠规则(权重计算)
3,使用继承 对仍然没有值的熟悉,若可以继承,则继承父元素的值
到了这里,能继承的去继承父元素属性,层叠冲突也解决了,声明的值也有了 但是还有一些属性没有值,怎么办呢?
4,使用默认值 对仍没有值的属性,使用默认值(浏览器的默认值) 每个属性都有自己的默认值,例如:背景色默认是透明色,一个p标签没有设置宽高,但也有宽高的默认值
经过了4个步骤为止,所有的属性值都确定好了, 浏览器才会去渲染