CSS 盒子模型簡介

    CSS盒子模型就是在網(wǎng)頁設(shè)計中經(jīng)常用到的一種思維模型：即內(nèi)容（content)、填充（padding)、 邊框（border)、邊界（margin ),生活中的事物盒子也具備這些屬性，所以形象地把CSS中出現(xiàn)的這些屬性稱之為盒子模型。

    所有HTML元素都可以看作盒子：在CSS中，box model這一術(shù)語是用來設(shè)計和布局時使用的。 

    CSS盒子模型本質(zhì)上是一個盒子，封裝周圍的HTML元素，它包括邊距、邊框、填充和實(shí)際內(nèi)容。

    盒子模型允許用戶在其他元素和周圍元素邊框之間的空間放置元素。

    盒子模型每個部分的說明如下：

    ?Margin (外邊距）：清除邊框區(qū)域。它沒有背景顏色，完全是透明的。

    ?Border (邊框）：邊框周圍的填充和內(nèi)容。它是受到盒子的背景顏色影響的。

    ?Padding (內(nèi)邊距）：清除內(nèi)容周圍的區(qū)域，會受到框中填充的背景顏色的影響。

    ?Content (內(nèi)容）：盒子的內(nèi)容，顯示文本和圖像。