1.px、em、rem、vw、vh之间有什么区别？

px：就是像素值
em：是相对单位，1em等于当前元素的1font-size的大小
rem：是css3的新增的相对单位，1rem等于html的1font-size大小
vw和vh：是相对单位，1vm是视口宽度的1%，1vh是视口高度的1%。

2.什么是视口?

视口≠屏幕大小，视口去掉浏览器头尾。

vmax vh和vw中较大的值
vmin vh和vw中娇小的值
如果某个元素在手机横屏和竖屏时大小保持一致，可以考虑使用vmax或vmin

id、class、标签、伪类、通配
选择器优先级的计算方式
1.important! > 行间样式 > id > class > 标签 > 通配
*注意：继承的优先级永远没有直接给的优先级高
2.组合起来:ABCD（a是行间，b是id，c是class，d是标签）
伪类=class

line-height:200px;
line-height:1.5（根据自己的字体大小计算）
line-height:200%(根据父级的字体大小计算)

BFC是Block Formatting Context（块级格式上下文）的缩写
BFC是一个独立的空间，里面子元素的渲染不影响外面的布局

1.解决margin塌陷
2.清除浮动

overflow:hidden
display:inline-block / table-cell / flex
position:absolute / fixed

盒子模型就是元素在网页中实际占据的大小

盒子模型 = width/height+padding+border 注意：没有margin

当box-sizing的值为border-box时，会改变盒子模型的计算方式

javaScript中获取盒子模型的方式是obj.offsetWidth / offsetHeight