1.認識個模型
2.盒模型相關屬性
3.盒模型邊距合并
1.認識盒模型:
所謂盒子模型就是把HTML中的元素看作是一個矩形的而盒子几莽,每個舉行都有內(nèi)容迅办、內(nèi)邊距、邊框章蚣、外邊距組成
盒子:邊框+內(nèi)邊距+內(nèi)容區(qū)域+外邊距組成
2.盒模型相關屬性
top上站欺、left左、bottom下究驴、right右
*height和width是設置div內(nèi)容高和寬的屬性
*padding是設置內(nèi)邊距寬度的屬性
*margin是設置外邊距寬度的屬性
*border是設置邊框?qū)挾鹊膶傩?br>
3.盒模型邊距合并
*外邊距合并div1-margin-bottom20px镊绪、div2-margin-top30px,實際兩個盒子的外邊距是以30px