1.px就是一个基本单位·像素
2.em 是一个单位·用父级元素的字体大小乘以em前面的数字。如果父级没有就继承一个父级
直到body，如果body没有那么就默认为16px
3.rem 也是一个单位，只跟根节点的字体大小有关，如果没有就默认是16px
4. line-height 行高 line-height：2； 当前数字2乘以元素字体大小。
二 浏览器
浏览器和浏览器之间是有差距的，这个差距由浏览器自身的内核决定的。
每个浏览器都有自己的前缀，主要解决css3中的兼容问题
Chrome· 的前缀·-webkit-
Firefox（火狐）的前缀 -moz-
le·的前缀·-ms-
Opera（欧朋）前缀-o-
国内的浏览器的内核是谷歌
三 布局
1.流式布局····float+margin
2.定位
3.双飞翼
4.圣杯
5.弹性盒子布局· 移动端布局
全称叫弹性和模型：是由父级的弹性容器和子级的弹性子元素俩构成
display：flex 这个属性决定谁是弹性容器，它里面的子元素就是弹性子元素
flex是弹性子元素在弹性容器中所占的份数，属性值是数字。
6.表格布局
7.boxsizing：border-box 这个属性让元素的实际宽高就等于设置的width，即便有了padding和
border会向内挤压，元素的可利用空间变小。
原文：https://www.cnblogs.com/zzz035921/p/9762244.html