2021-06-01(周二学习内容)

1.样式冲突

样式冲突,遵循的的是就近原则,哪个样式离着结构近,就执行哪个样式

样式不冲突,就不会重叠

例如:下面的文字运行颜色为绿色

css继承性

display默认属性是不可继承的

display:inherit;     继承父元素的属性

例如:下面设置类选择器span1为块级元素,然后给span标签设置为display:inherit;   所以span标签中的内容才会独占一行

css优先级

标签选择器-----计算权重

继承或者* -------------0,0,0,0

每个元素(标签选择器)-----0,0,0,1

每个类,伪类选择器--------0,0,1,0

每个id选择器------------0,1,0,0

每一个!important 重要的--无穷大

权重计算

id选择器比类选择器权重高

继承的权重是0

CSS3盒子模型

默认是     box-sizing: content-box;

box-sizing:border-box;    在border-box下,使用内减模式:整体大小固定,随着边框或padding的增加,content大小会减少