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

Posted 2020-11-23 tianna

1.层叠和继承的概念：

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

继承：子元素会自动拥有父元素的某些CSS属性，通常来说，文本类的属性会被继承（字体、字号、颜色）

2.选择器的优先级

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

3.盒模型

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

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

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

5.常规流

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

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