不管是行盒還是快盒，具體由以下幾個結構組成。
1:內容盒（content-box）
主要設定寬，高。
2:內邊距(padding)，還有一種說法是填充
padding-top
padding-right
padding-bottom
padding-left
簡寫：padding。順序是順時針（上右下左）
內容到盒子邊框的距離。
這裡我們舉例說明：
同樣在頁面上畫個盒子，內容寫上「盒子」，
可以看見字位於藍色盒子左上角。然後我們設定內邊距為10px。
div但是我們也發現藍色的盒子變大了。這是因為設計圖給的尺寸，並沒有對邊框或內邊距考慮，所以當我們設定內邊距時，內容盒的寬高是不會改的。也就是說這個藍色盒子此時的寬高為120px。那如果我們不想要改變盒子的寬高應該怎麼辦呢？解決辦法有兩個
（1）:根據盒子模型的計算規則，精確計算
div既寬高減去內邊距（上下左右）content-box 預設值，採取預設計算方式 標準盒子模型的計算方式。
border-box 採取ie盒子模型的計算方式 元素的尺寸會包含內邊距和邊框。
或者設定box-sizing為border-box
div同樣可以達到一樣的效果。推薦使用這種方法邊框 = 邊框樣式 + 邊框寬度 + 邊框的顏色
邊框樣式：border-style
邊框寬度: border-width
邊框的顏色: border-color,如何不設定邊框顏色，則為字型的顏色
邊框 + 填充區 + 內容區 =邊框盒 border-box
4：外邊距
邊框到其它盒子的距離
margin-top
margin-right
margin-bottom
margin-left
使用方法同內邊距
深入了解A
一 前言 在這裡我將對a 演算法的實際應用進行一定的 並且舉乙個有關a 演算法在最短路徑搜尋的例子。值得注意的是這裡並不對a 的基本的概念作介紹，如果你還對a 演算法不清楚的話，請看姊妹篇 初識a 演算法 這裡所舉的例子是參考amit主頁中的乙個源程式，使用這個源程式時，應該遵守一定的公約。二 a ...
深入了解A
一 前言 在這裡我將對a 演算法的實際應用進行一定的 並且舉乙個有關a 演算法在最短路徑搜尋的例子。值得注意的是這裡並不對a 的基本的概念作介紹，如果你還對a 演算法不清楚的話，請看姊妹篇 初識a 演算法 這裡所舉的例子是參考amit主頁中的乙個源程式，使用這個源程式時，應該遵守一定的公約。二 a ...
盒子模型與怪異盒子模型
所有html元素可以看作盒子，在css中，box model 這一術語是用來設計和布局時使用。css盒模型本質上是乙個盒子，封裝周圍的html元素，它包括 邊距，邊框，填充，和實際內容。盒模型允許我們在其它元素和周圍元素邊框之間的空間放置元素。下面的說明了盒子模型 box model content...