层叠和继承的概念,选择器的优先级,盒模型,元素在页面上的定位体系,常规流

zhanghao 2019-12-15

1.层叠和继承的概念:

CSS层叠性是指CSS样式在针对同一元素配置同一属性是,依据层叠规则(权重)来处理冲突,选择应用权重高的CSS选择器所指定的属性,一般也被描述为权重高的覆盖权重低的,因此也称作层叠。

继承:子元素会自动拥有父元素的某些CSS属性,通常来说,文本类的属性会被继承(字体、字号、颜色)

2.选择器的优先级

!important>id选择器>类选择器>标签选择器>子选择器>后代选择器>伪类选择器

3.盒模型

在网页中,一个盒子占有空间的大小由几个部分构成,其中包括元素的内容(content),元素的内边距(padding),元素的边框(border),元素的外边距(margin),四个部分一起构成了CSS中元素的盒模型。

4.元素在页面上的定位体系

常规流(normal flow),浮动(float),绝对定位(absolute positioned)

5.常规流

在没有css的干预下,块级元素独占一行,宽高可设;行内元素并排显示,宽高自动。

当元素浮动后,脱离文档流。因为子级元素浮动后导致父级高度坍塌。

相关推荐

AlisaClass / 0评论 2020-06-10

somboy / 0评论 2020-05-13