1.認識個模型

2.盒模型相關屬性

3.盒模型邊距合并

1.認識盒模型：

所謂盒子模型就是把HTML中的元素看作是一個矩形的而盒子，每個舉行都有內容、內邊距、邊框、外邊距組成

盒子：邊框+內邊距+內容區(qū)域+外邊距組成

2.盒模型相關屬性

top上、left左、bottom下、right右

*height和width是設置div內容高和寬的屬性

*padding是設置內邊距寬度的屬性

*margin是設置外邊距寬度的屬性

*border是設置邊框寬度的屬性

3.盒模型邊距合并

*外邊距合并div1-margin-bottom20px、div2-margin-top30px，實際兩個盒子的外邊距是以30px