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

时间:2020-7-30 作者:admin


属性值的计算过程

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

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

在这里插入图片描述

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

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

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

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

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

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

声明:本文内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎进行举报,并提供相关证据,工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。