單位

　　px 像素  是咱們排版的基本單位

　　em 單位：跟父級元素字體大小有關  因父級元素的字體大小乘以em前面的數字（若是父級沒有就繼承上一個父級，直到body位置默認的16px）p{ width:20em}  body爲列：至關與320px

　　rem單位：只跟根節點的字體大小有關（根節點：HTML文檔類型有關）

　　   html

head　　　　body   （瀏覽器所展現的內容）

（主要是跟服務器響應的表頭）

　　line-height:2;  當前數字乘以元素字體的大小

　　瀏覽器　　（主要是ie9以上版本，，ie9如下的版本）（處理兼容性的問題）

　　瀏覽器和瀏覽器之間的是由差距的，這個差距是由瀏覽器自身的內核決定的

　　每一個瀏覽器都有本身的前綴，主要是解決css3中的兼容問題（國內瀏覽器的內核都是谷歌）

　　chrome（谷歌）的前綴-webkit-

　　firefox(火狐) 的前綴-moz-

　　ie的前綴 -ms-

　　opera（歐朋）的前綴-o-

　　佈局

　　1.float佈局  流式佈局（float+margin）

　　2定位

　　3 雙飛翼

　　4 聖盃

　　5 彈性盒子佈局

　　6 表格佈局

　　彈性和模型 ：是由父級的彈性容器和子集的彈性的子元素二者構成

　　display：flex；這個屬性決定誰是彈性容器，它裏面的的子元素就是彈性子元素

　　flex-direction 指定彈性子元素的排列容器

　　display：flex； flex在裏面佔的份數跟父子沒有關係，只跟子元素有關 （屬性值是數字）

　　border-box：解決元素的空間

　　這個屬性讓元素的實際寬度等於設置的width  即便有了padding margin border 只會向內擠壓，元素的可利用空間變小