css 中有個重要的概念，就是盒子模式 (box model)。
先看看下面這個圖，黑框包圍的乙個方塊，就是乙個盒子 (box)。
盒子裡由外至裡依次是：
css 邊距屬性 (margin) 是用來設定乙個元素所佔空間的邊緣到相鄰元素之間的距離。
css 邊框屬性 (border) 用來設定乙個元素的邊線。
css 間隙屬性 (padding) 是用來設定元素內容到元素邊框的距離。
css 背景屬性指的是 content 和 padding 區域。
css 屬性中的 width 和 height 指的是 content 區域的寬和高。
CSS盒子模型（Box Model）
所有html元素可以看作盒子，在css中，box model 這一術語是用來設計和布局時使用。css盒模型本質上是乙個盒子，封裝周圍的html元素，它包括 邊距，邊框，填充，和實際內容。盒模型允許我們在其它元素和周圍元素邊框之間的空間放置元素。下面的說明了盒子模型 box model 不同部分的說明...
CSS 盒子模型 Box Model
所有html元素可以看作盒子，在css中，box model 這一術語是用來設計和布局時使用。css盒模型本質上是乙個盒子，封裝周圍的html元素，它包括 邊距，邊框，填充，和實際內容。盒模型允許我們在其它元素和周圍元素邊框之間的空間放置元素。下面的說明了盒子模型 box model 不同部分的說明...
CSS盒子模型（Box Model）
作為css的重點，三大模組之一的盒子模型，這部分無論如何也要精通透徹。在任何乙個網頁當中，都有自己的布局方式，所謂網頁布局方式就是如何把網頁裡面的文字 很好的排版成美工設計的樣式，這時文字就如同牛奶需要用盒子裝起來，然後可以隨意的擺放它的位置。來看張圖，體會下盒子模型。其實,所有的標籤都會生成乙個矩...