属性值计算的说明
-
一个元素一个元素依次渲染,顺序按照页面文档的树形目录进行(从上到下)
-
渲染每个元素的前提条件:该元素的所有CSS属性必须有值
-
属性值计算定义:从所有属性都没有,到所有的属性都有属性值,这个计算过程,叫做计算过程。所以说 只有html无法在页面显示
属性值计算过程
== 总述: 1.确定申明值 2.层叠冲突 3.使用继承 4.使用默认值==
(1)确定声明值 (参考样式表中没有冲突的声明,作为CSS属性)
(2)层叠冲突 (对样式表有冲突的声明使用层叠规则,确定CSS属性值) // 上一篇有讲过
(3)使用继承 (对仍然没有值的属性,若可以继承,则继承父元素的值)
(4)使用默认值 (对仍然没有值的属性,使用默认值)
例:
<div style="color:red;">
<a herf = "">例子 </a>
<p>p元素</p>
</div> // p元素变为红色,a元素有默认沿着,默认样式表有了样式,不需要继承
如果想让a元素强制继承父元素,可以适应inherit值; 例:color:inherit;
# 特殊的两个CSS取值
-
inherit: 手动(强制)继承 ,将父元素的值取出应用到该元素 [将第三步提前]
-
initial:初始值,将元素设置为默认值 [将第四步提前]
例:background:transparent; == background:initial;