12）

一，单位：

　　1. px，一个基本单位，像素

　　2. em，一个单位，用父级元素字体大小乘em前面的数字

　　3. rem，一个单位，只跟根节点 < html >字体大小有关，默认16px

　　4.line-height，行高      line-height：2 ；行高值是当前数字2乘元素字体大小

二，浏览器：

　　　　浏览器和浏览器之间是有差距的，这个差距由浏览器自身的内核决定的

　　　　每个浏览器都有自己的前缀，主要解决css3 中的兼容问题

　　　　Chrome谷歌的前缀       -webkit-

　　　　Firefox火狐的前缀　　-moz-

　　　　IE的前缀　　　-ms-

　　　　Opera欧朋的前缀　　-o-

三，布局：

　　　　1.流式布局

　　　　2.定位

　　　　3,双飞翼

　　　　4，圣杯

　　　　5，弹性盒子布局，移动端布局：

　　　　　　　　　　　　　　全称叫弹性和模型：是由父级的弹性容器和子级的弹性子元素两者构造。

　　　　　　　　　　　　　　Display:flex;这个属性决定谁是弹性容器，他里面的子元素就是弹性子元素。

　　　　　　　　　　　　　　Flex 是弹性子元素在弹性容器中所占的份数。属性值是数字

　　　　6.表格布局：

　　　　　　　　.aa {

　　　　　　　　　　　width:80px;

　　　　　　　　　　　height:60px;

　　　　　　　　　　　border:1px solid red;

　　　　　　　　　　　margin:0 auto;

　　　　　　　　　　　display:table;

　　　　　　　　　　}

　　　　　　　　　

　　　　　　　　.aa>div {

　　　　　　　　　　　display:table-cell;

　　　　　　　　　　}

　　　　7.box-sizing：border-box；

　　　　　　　　这个属性 让元素的实际宽度就等于设置width，即便有了padding和border只会向内挤压，元素的可利用空间变小。