css属性

首先css的属性值，是从0到1的过程，浏览器会等一个标签的css属性值全部确认后，才能渲染出来。

属性的计算过程

属性的计算过程有4步。

确定声明值。参考样式表中（作者样式表和浏览器默认的样式表）没有冲突的声明，作为css的属性值。
层叠冲突。对样式表中有冲突的声明使用层叠规则，确定css属性值
- 层叠规则：1.重要性。2.特殊性。3.源次序
使用继承。对仍然没有值的属性，若可以继承，则继承父元素的属性值
使用默认值。对仍然没有值的属性，使用默认值

例如：

.div{color: red;
}<div><a href="">属性的计算过程</a>
</div>

文字"属性的计算过程"是什么颜色：a标签的颜色。因为第一步浏览器有默认样式，就确定了颜色。

两个特殊的css属性

inherit。强制（手动）继承，将父元素的值取出应用到该元素。
initial。初始值，将该元素的属性变为默认值。

.son{background: initial; // 不知道某一个属性的默认值，就可以使用initial
}

css基础-属性值计算过程相关推荐

18、CSS基础——属性值的计算过程
属性值的计算过程 1. 页面渲染浏览器的页面渲染方式: 一个元素一个元素依次渲染,顺序按照页面的树形目录结构进行即页面按照这种树形目录结构自根发散对元素依次进行渲染,元素一定是上一个渲染完后才渲染 ...
css基础属性(HTML的入门2)
text-decoration 设置下划线属性值:overline 顶划线 , underline 下划线 line-through 删除线 none 无 ...
七麦数据-analysis值计算过程
debug 参照文章爬虫JS逆向之-七麦数据的步骤进入下面的网站,打开控制台,选择榜单类型全部点击网络可以看到,页面的发出了下面的请求,其中analysis参数是请求加密后的参数响应结果加密参数 ...
CSS基础属性:width/height
1. width: 设置块元素的宽度.值:1) 像素大小, 单位px. 固定的大小例: width: 100px;2) 百分比大小, 单位%. 设置当前块元素占据父元素宽度的百分比例: width: ...
CSS基础（6）- 属性值的计算过程
本系列笔记是基于[渡一教育]袁进老师的html+css基础课程而记录,仅作为个人记录以及阅读使用. 文章目录属性值的计算过程参考资料属性值的计算过程一个元素一个元素依次渲染,顺序则是按照页面文 ...
关于前端的HTML+CSS基础知识汇总（较为全面）
这里写目录标题初识空元素的两种写法元素之间的嵌套标准的文档结构(告诉浏览器当前使用的 HTML 标准是 html5.) 语义化什么是语义化? 为什么需要语义化? 文本元素 h p span( ...
css基础，盒子模型，选择器与权重
1.css基础 1.1css简介 css(叠层样式表)是一种标记语言 1.1.1css语法规则选择器加声明 <style>/* 选择器{样式} *//* 给谁改样式{改什么样式} */p ...
2021-11-15 入门前端VScode必装的常用插件, HTML+CSS常用属性速记.
Html + Css 学习一.VSCode常用 //1. VScode常用快捷键 * 新建文件:ctrl + N * 切换自动换行:alt + Z * 复制当前行:ctrl + C:ctrl + V ...
html选择文件框选择wood文件,CSS基础及选择器
CSS层叠样式表与表相分离.常用CSS2和CSS3. HTML引入CSS 1.行内样式 2.内部样式 div { color:red; } 3.外部样式 4.导入样式 /*在css导入样式*/ @im ...
CSS基础「一」基础选择器 / 字体属性 / 文本属性 / 三种样式表
前言:本篇文章为 CSS 基础系列笔记第一篇,参考黑马程序员pink老师前端入门教程如有侵权联系删除,如有问题欢迎指出. 其他CSS基础相关文章: CSS基础「二」复合选择器 / 元素显示模式 / ...

css基础-属性值计算过程

目录

css属性

属性的计算过程

两个特殊的css属性

css基础-属性值计算过程相关推荐

最新文章

热门文章