盒子模型
（1）box-sizing:content-box: 盒子模型默認值，元素應用該模型時，計算方式為 外邊距+邊框寬度+內邊距+內容區域（margin ， border-width ，padding，實際內容占寬），設置的width/height屬性只是內容區域寬度；
（2）box-sizing:border-box: 元素應用該模型時，計算方式為 外邊距+寬度，設置的寬度包含了 邊框寬度+內邊距+內容區域，這種方式更方便我們平時的布局，省卻了很多人為的計算過程；

外邊距
（1）margin-top/right/bottom/left 上/右/下/左外邊距
（2）margin：15px; 同時設置上右下左四個方向外邊距
（3）margin：10px 15px; 第一個值為上下外邊距10px；第二個值為左右15px外邊距，margin：0 auto；常用于設置元素內容水平居中
（4）margin：5px 10px 15px；第一個值為上外邊距5px，第二個值為左右外邊距10px，第三個值為下外邊距15px
外邊距合并：豎直方向上的兩個外邊距相遇時，會合并為一個外邊距，值以較大的一個為準
外邊距溢出：父元素沒有上邊框，子元素與父元素上沿重合，為子元素添加上外邊距會作用到父元素身上，可以給父元素設置 :before{content:’’,display:table}偽元素占位

內邊距
（1）設置內邊距會直接作用在元素上，使元素變大
（2）padding設置方式與外邊距margin設置方式一樣，沒有auto屬性
（3）給一個元素設置padding，會使padding部分呈現出該元素的背景色