css属性值的计算过程

我们写的每个元素最终样式的计算过程

计算过程

确认声明值

参考样式表中没有冲突的声明，直接将值赋给computed style

参考样式表：作者样式表 + 浏览器默认样式

层叠冲突

参考样式表中有冲突的声明使用层叠规则，确定css属性值

• 权重比较
• 权重相同，后边的覆盖前边的

浏览器默认样式权重 < *

使用继承

对仍然没有值的属性，能继承的就继承

仍低于子元素的任何直接样式 < 浏览器默认样式

使用属性默认值

属性默认值 != 浏览器默认样式

继承完成后还没有值的，只能使用该属性的默认值

最终结果

所有的样式属性都应该有值