css
1.显式继承:inherit
2.初始值 CSS 中，每个属性都有一个初始值 background-color 的初始值为 transparent margin-left 的初始值为 0
可以使用 initial 关键字显式重置为初始值 background-color: initial
3.块（边界）
（1）padding:上 右 下 左
（2）boeder:
·三种属性
border-width
border-style
border-color
·四个方向
border-top
boder-right
border-bottom
border-left
例：
（3）margin:auto 水平居中
4.块级盒子 行级盒子 （1）块级元素 生成块级盒子 body、article、div、main、section、h1-6、p、ul、li等 display: block
（2）行级元素 生成行级盒子内容分散在多个行盒(line box) 中 span、em、strong、cite、code 等 display: inline
（3）display 属性 block 块级盒子 inline 行级盒子 inline-block 本身是行级，可以放在行盒中;可以设置宽高;作为一个整体不会被拆散成多行 none 排版时完全被忽略
（4）行级上下文
overflow-wrap: break-word; 超过范围则换行
（5）块级上下文
BFC 内的排版规则
·盒子从上到下摆放
·垂直 margin 合并
·BFA内盒子的 margin 不会与外面的合并
·BFC 不会和浮动元素重叠
（6）**Flex Box ** display：flex
一种新的排版上下文。它可以控制子级盒子的: 摆放的流向(右，左，上，下) 摆放顺序 盒子宽度和高度 水平和垂直方向的对齐 是否允许折行
(7)Flexibility
可以设置子项的弹性: 当容器有剩余空间时，会伸展;容器空间不够时，会收缩。 ·flex-grow 有剩余空间时的伸展能力*(弹力大小2,1)* ·flex-shrink 容器空间不足时收缩的能力 ·flex-basis 没有伸展或收缩时的基础长度
（8）Grid布局 grid-template-columns:列 grid-template-rows: 行
fr 为份的意思，上图中第二列和第三列是减去第一列的100px各占一份，即平分。
网格线
（9）position 属性 static 默认值，非定位元素 relative 相对自身原本位置偏移，不脱离文档流 absolute 绝对定位，相对非 static 祖先元素定位 父级是设置了position值的（absolute或者relative） fixed 相对于视口绝对定位（固定，滚动页面时固定）
