单位浏览器

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会向内挤压，元素的可利用空间变小。