image.png

網(wǎng)頁上的每一個標簽都是一個盒子。
每個盒子都有四個屬性：

內(nèi)容（content）
盒子里裝的東西
網(wǎng)頁中通常是指文字和圖片

填充（padding，內(nèi)邊距）
怕盒子里裝的（貴重的）東西損壞，而添加的泡沫或者其它抗震的輔料

邊框（border）：盒子本身

邊界（margin，外邊距）
盒子擺放的時候的不能全部堆在一起，盒子之間要留一定空隙保持通風，同時也為了方便取出

標準盒子模型

image.png

IE盒子模型

image.png

內(nèi)容（content）- 屬性

image.png

填充（padding，內(nèi)邊距） – 屬性

image.png

image.png

image.png

邊框（border） – 屬性

image.png

image.png

border-radius 設置邊框圓角
border-image 屬性，可以使用圖片來創(chuàng)建邊框

邊界（margin，外邊距） – 屬性

image.png

image.png

image.png