定位

static：没有定位，显示在文档流中  
absolute：绝对定位，相对于不是默认定位的父元素一直往上找，直到根元素  
fixed：固定定位，相对于浏览器窗口  
relative：相对定位，相对于自身，会占位
sticky: 黏性定位，在相对定位与固定定位之间切换，行为像相对定位，当超出滚动范围时，就会固定在目标位置

居中

水平居中

text-align: center
display: flex（利用弹性布局）
inline-block（块级元素居中，设置父元素为text-align: center）

垂直居中

行高居中

CSS选择器优先级

id最高，伪类最低
由高到低分别为：
id选择器
类选择器
标签选择器
子选择器
后代选择器
伪类选择器
同样优先级写在后面的覆盖写在前面的  
!important 优先级最高，但是要少用

CSS3动画样式transition、transform、animation之间的区别

transition，过渡，从一种样式过渡到另外一种样式，其动画是自发的  
transform，变形，其本身是静态的，需配合animation与transition使用  
animation，可由关键帧设置每一帧的时间与样式，且可以设置循环次数

盒子模型，对弹性盒的理解

有两种，标准盒（内容盒）模型与怪异盒（边框盒）模型
标准盒模型宽高指content，怪异盒宽高指border-box，包括内外边距
通常使用怪异盒模型，其创建方法为box-sizing border-box