优先级、继承

标签优先级：Id>(伪)类>标签
样式继承 显式继承（inherit）初始值（initial）

布局

盒模型

width指定的是内容的宽度 上级容器有指定高度时，百分比才有用
Padding 百分数是相对于容器宽度
Margin:auto 水平居中
margin collapse 折叠取大（*只发生在垂直方向）
box-sizing:border-box 宽高（content+border）
默认不写是值content的宽高
Overflow: visible hidden scroll
行盒子：盒模型的width height不适用
一个块级元素生成一个块盒子
一个行级元素内容跟可分散在多个行盒中（一行放不下时）

文本流

行盒、块盒

行盒 text-align:决定一个行内盒子的水平对其
Vertical-align:决定一个盒子在行内的垂直对齐
BFC内盒子的margin不会与外面的合并
BFC不会和浮动元素重叠
*Span是行级元素

Flex Box

Flex默认排版 从左到右横向 row
Flexibility flex-grow flex-shrink(默认1，设为0时没有收缩能力
)
Flex-basis>width
Flex-wrap
主轴 justify-content
侧轴：align-items
单独元素对齐：align-self
Order(默认0)

Grid布局（二维 划分网格） fr

Display:grid
Grid-template-columns:100px 100px 200px
Grid-template-rows:100px 100px
.a{
Grid-area:1/1/3/3
}

浮动

文字环绕

绝对定位

static默认