css属性值的计算过程(1.确定申明值 2.层叠冲突 3.使用继承 4.使用默认值)

属性值计算的说明

  1. 一个元素一个元素依次渲染,顺序按照页面文档的树形目录进行(从上到下)

  2. 渲染每个元素的前提条件:该元素的所有CSS属性必须有值

  3. 属性值计算定义:从所有属性都没有,到所有的属性都有属性值,这个计算过程,叫做计算过程。所以说 只有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取值

  1. inherit: 手动(强制)继承 ,将父元素的值取出应用到该元素 [将第三步提前]

  2. initial:初始值,将元素设置为默认值 [将第四步提前]

    例:background:transparent; == background:initial;

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值