层叠和继承的概念
一般文本类的属性会被继承，即某个元素的CSS属性会传递给内部嵌套的元素。一个元素可能有一个或者多个样式的来源，当属性发生冲突时，就会根据加载顺序和权重大小决定层叠之后显示的属性。
选择器的优先级
| 行内 | id | class | 元素 | |
| 行内 | 1 | 0 | 0 | 0 |
| id | 0 | 1 | 0 | 0 |
|
class、属性、伪类 |
0 | 0 | 1 | 0 |
| 元素、伪元素 | 0 | 0 | 0 | 1 |
| 通配符* | 0 | 0 | 0 | 0 |
| ！important | 最高 | |||
盒模型
margin
|
定位（position）
relative：做absolute之父，可配合z-index(默认值为auto，auto算出来是0，但是auto和z-index:0不同。值越高在越上)
absolute：脱离某层文档流，找父级元素中第一个有定位的元素（position不是static的就是有定位的元素）
fixed：这个会固定在页面中，上下拖动你的页面都不变，微博里面回到顶部的就是这么用的
sticky：没出页面的时候是正常的relative，出了就fixed在顶端
常规流
常规流、文档流、普通文档流、常规文档流
所有元素，默认情况下，都属于常规流布局
总体规则：块盒独占一行，行盒水平依次排列
包含块（containing block）：每个盒子都有它的包含块，包含块决定了盒子的排列区域。
绝大部分情况下：盒子的包含块，为其父元素的内容盒
原文：https://www.cnblogs.com/xf2019/p/12043865.html