CSS(一)|青训营笔记

44 阅读2分钟

这是我参与「第五届青训营 」伴学笔记创作活动的第 3 天

1、CSS选择器的特异度

31.jpg

2、CSS继承

① 某些属性会⾃动继承其⽗元素的计算值,除⾮显式指定⼀个值。

② 一般文字、字体相关属性都可以继承,盒模型宽度、高度、边距等都不可以继承。

(1)显式继承

如果一个属性不可继承,我们可以使用 inherit 这个关键字让它能从父级继承。

(2)初始值

·在 CSS 中,每一个属性都有一个初始值。background-color的初始值为transparent;margin-left的初始值为0

·可以使用 initial 这个关键字显式重置为初始值。background-color:initial

3、CSS 求值过程

CSS在确定最终布局时所要使用的实际值时,实际上是经过了复杂的计算过程的,在这个计算过程中,涉及到了六种值类型,它们分别是:

1、声明值:各种来源的样式表里对于属性声明的值;

2、层叠值:同一个属性有多个声明值时产生层叠,这些声明值中获胜的值称为层叠值;

3、指定值:为某个元素特别指定的值,大多数情况下,指定值就是层叠值,如果没有层叠值,则就是指定值。

4、计算值:对指定值的解析结果,比如 em 值会被解析为 px 值

5、使用值:是取得计算值后完成剩余计算后的值,它是文档布局中使用的绝对理论值,比如计算值width:auto计算完成后的使用值可能是绝对长度120px, 又比如计算值是百分比 80%,完成剩余计算后可能使用值是也是一个绝对像素值 300px;

6、实际值:根据用户代理的处理能力调整后的最终值,比如如果使用值是border-width:4.2px,但是用户代理只能处理整数边框,所以实际值是4px,又比如字体大小的使用值是:14.2px,但是用户代理可能最终使用的是14px;

参考

CSDN