一、单位
1、px：就是一个基本的单位，像素
2、em：也就是一个单位，用父级元素的字体大小乘以em前面的数字，如果父级没有就继承上一个父级直到body，如果body没有那就默认是16px。
3、rem：也是一个单位，只跟根节点<html>的字体大小有关，如果没有默认的是16px。
4、line-height：行高，行高值的是当前数字2乘以元素字体大小。
二、浏览器
浏览器与浏览器之间是有差距的，这个差距是由浏览器自身的内核决定的，
每个浏览器都有自己的前缀，主要解决css中的兼容问题
*注：Chrome（谷歌）的前缀：—webkit—
Firefox（火狐）的前缀：—moz—
Ie的前缀：—ms—
opera（欧朋）：—o—
国内的浏览器的内核是谷歌
三、布局
1、流失布局
2、定位
3、双飞翼 ：两边auto，中间固定
4、圣杯：两边固定，中间auto
5、弹性盒子布局：移动端布局
全称：弹性盒子布局：是由父级的弹性容器和子级就是子元素两者构造
Display：flex；这个属性决定谁是弹性容器，他里面子元素就是弹性子元素
Flex：是弹性子元素在弹性容器中所占的份数，属性值是数字
6、表格布局
7、box-sizing：border-box；这个属性让元素的实际宽度就等于设置的width
即使有了padding和border只会向内挤压，元素的课利用空间变小