前端小笔记--属性值的计算过程

属性值的计算过程

浏览器渲染网页:
一个个元素依次渲染,且按照页面文档的树形结构顺序进行渲染。前提条件要求该元素的所有css属性都必须有值。

而一个元素从没有属性值到每个属性都有值得计算过程叫做"属性值得计算过程"

在这里插入图片描述

此过程一共有以下四个步骤:

  1. 确定声明值:参考样式表中没有冲突的声明,作为css属性值

  2. 层叠冲突:对样式表有冲突的声明使用层叠规则,确定css属性值(依次比较重要性,特殊性和源次序)

  3. 使用继承:对仍然没有值的属性,若可以继承,则继承父元素的值

  4. 使用默认值:对仍然没有值的属性,使用默认值

inherit:手动继承,将父元素的值应用到该元素
initial:初始值,将该属性的值设置为默认值

猜你喜欢

转载自blog.csdn.net/qq_44790595/article/details/107677331