margin
只跟一个参数时表示上下左右的外边距
跟两个参数时表示 上下 左右的外边距
跟三个参数时表示 上 左右 下 的外边距
跟四个参数时表示从上开始顺时针的外边距
border-radius
只跟一个参数时表示四个圆角的弧度
跟两个参数时表示按上左下右 上右下左作用圆角
跟三个参数时表示按照左上 右上和左下 右下的顺序作用圆角
跟四个参数时表示按照左上 右上 右下 左下的顺序作用圆角
block
块级元素的默认值，独占一行，可以修改元素的宽高
块级元素包括div h1-h6 p
inline
行内元素的默认值，同占一行，不可以更改元素的宽高
行内元素包括span b i s u a
inline-block
行内块元素的默认值，同占一行，可以修改宽高
行内块元素包括img input
定位
static
静态定位，会影响其他元素，调整方式：margin
relative
相对定位，参考系是原来的自己，不影响其他元素，可以显示层叠效果，元素不脱离文档流
relative永远是参考自己没有定位前的坐标为原点进行位移
left/top/right/bottom 控制元素位置
absolute
绝对定位，可以实现层叠效果，默认以body为参照物（如果要更改参照物，则将父元素添加定位：position：relative 子绝父相），元素脱离文档流（不占用原来的位置），absolute是参考离自己最近的参考系点进行定位
left/top/right/bottom 控制元素位置
fixed
固定定位，元素固定在窗口的某个位置，元素脱离文档流（不占用原来位置），left/top/right/bottom 控制元素位置float
浮动定位具有脱离文档流特性的标签
absolute
fixed
float层叠
标准流中的元素不存在层叠关系
后来居上排列书写的时候, 后面的元素会覆盖前边元素之上
- 定位元素：定位元素会层叠在标准流元素上面
- 定位元素间可以使用z-index设置优先级
- 必须是定位元素，非static
- 浮动元素：float为left或right
- 标准元素 –> 浮动元素 –> 定位元素
z-index
弹性布局
display: flex;如果其中一个div确定了宽度，则剩下的宽度由其他div按比分
更改布局排列方向
justify-content横向调整
/ 居中 /
justify-content: center;
/ 靠右 /
justify-content: flex-end;
/ 靠左 /
justify-content: flex-start;align-items纵向调整
/ 居中 /
align-items: center;
/ 靠下 /
align-items: flex-end;
/ 靠上 /
align-items: flex-start;
单位
px
像素，固定单位，会随着页面缩放而改变
%
百分比，相对长度，上级元素的百分比
vm
view width,页面百分比宽度
vh
view height,页面百分比高度
字体单位
em
会根据上级元素改变大小
rem
只会根据页面改变大小
