css模型框概述：css框模型規定了元素框處理元素內容、內邊距、邊框、外邊距的方式；
**：一般所指的width、height說的是元素內容的寬和高，外邊距預設是透明的，不會遮擋其後面的元素，而一般所說的背景是指內容和內邊距所形成的區域，
內邊距、邊框和外邊距可以應用於乙個元素的所有邊，也可以應用於單獨的邊，外邊距可以是負值，而且在很多情況下都要使用負值的外邊距；
一、padding（內邊距）屬性：元素與邊框之間的空白區域，padding 屬性接受長度值或百分比值，但不允許使用負值；
設定四個相同的內邊距效果圖：設定四個不同的內邊距1
設定四個不同的內邊距2
二、border（邊框）屬性：border是圍繞元素內容和內邊距的一條或多條線，cssborder屬性允許你規定元素邊框的樣式，寬度和顏色；
1、邊框與背景：邊框繪製在元素的背景之上，元素的背景是內容、內邊距和邊框區的背景；
2、邊框樣式：邊框樣式是邊框最重要的乙個屬性，因為如果沒有邊框樣式，就根本不會出現邊框；
沒有設定邊框樣式或設定為none，邊框就不會出現，效果圖：設定了邊框樣式，規定此邊框顏色為黑色
3、邊框寬度：為邊框指定寬度有兩種方法：可以指定長度值，比如 2px 或 0.1em；或者使用 3 個關鍵字之一，它們分別是 thin 、medium（預設值） 和 thick。
4、透明邊框：如果邊框沒有樣式，就沒有寬度。不過有些情況下您可能希望建立乙個不可見的邊框；
設定邊框色為綠色效果圖：設定邊框色為透明
三、margin（外邊距）屬性：圍繞在元素邊框的空白區域，這個屬性值可以接受任何長度單位，百分數，甚至負值；
四個外邊距為2cm效果圖：四個外邊距為2cm
小結：1、如果長度或寬度值為百分比，百分數是相對于父元素的寬度計算的，而元素的寬度是指元素內容的寬度；
2、沒有邊框樣式就沒有邊框；
3、值複製：
這些值的順序是從上外邊距 (top) 開始圍著元素順時針旋轉的：如果為指定了 3 個值，則第 4 個值會從第 2 個值複製得到。如果給定了兩個值，第 4 個值會從第 2 個值複製得到，第 3 個值會從第 1 個值複製得到。最後乙個情況，如果只給定乙個值，那麼其他 3 個外邊距都由這個值複製得到。
CSS學習 CSS 框模型 Box Model
所有html元素可以看作盒子，在css中，box model 這一術語是用來設計和布局時使用。css盒模型本質上是乙個盒子，封裝周圍的html元素，它包括 邊距，邊框，填充，和實際內容。盒模型允許我們在其它元素和周圍元素邊框之間的空間放置元素。下面的說明了框模型 box model 不同部分的說明 ...
CSS 框模型（八）
css 框模型 box model 規定了元素框處理元素內容 內邊距 邊框 和 外邊距 的方式。元素框的最內部分是實際的內容，直接包圍內容的是內邊距。內邊距呈現了元素的背景。內邊距的邊緣是邊框。邊框以外是外邊距，外邊距預設是透明的，因此不會遮擋其後的任何元素。一旦為頁面設定了恰當的 dtd，大多數瀏...
CSS 框模型概述
css 框模型 box model 規定了元素框處理元素內容 內邊距 邊框 和 外邊距 的方式。內邊距 邊框和外邊距都是可選的，預設值是零。但是，許多元素將由使用者 樣式表設定外邊距和內邊距。可以通過將元素的 margin 和 padding 設定為零來覆蓋這些瀏覽器樣式。這可以分別進行，也可以使用...