一、px、em、rem、vw、vh有什么区别？
px：就是像素pixel的缩写
em：是相对单位，1em等于当前元素的 1font-size 的大小
rem：是CSS3新增的相对单位，1rem等于html的 1font-size 大小
vw和vh：是相对单位，1vw是视口宽度百分之一，1vh是视口高度的百分之一
二、CSS选择器
常用选择器
id、class、标签、伪类、通配
选择器优先级
important! > 行间样式 > id > class > 标签 > 通配
三、BFC
什么是BFC
BFC 是 Block Formatting Context （块级格式上下文）的缩写
BFC 是一个独立的空间，里面子元素的渲染不影响外面的布局
BFC作用
解决margin塌陷
清除浮动
如何触发 BFC
overflow: hidden
display: inline-block / table-cell / flex
position: absolute / fixed
四、盒子模型的认知
什么是盒子模型
盒子模型就是元素在网页中实际占据的大小
盒子模型的计算方式
盒子模型 = width/height+padding+border
box-sizing
当box-sizing的值为 border-box 时，会改变盒子模型的计算方式
盒子模型 = width/height = 内容宽高+border+padding
