網頁的布局本質就是把網頁上的元素，如，文字，都放入盒子裡面，然後按照自己的需要擺放盒子的過程就是網頁布局
1.盒子模型的組成
1.width(內容寬度)+padding（內邊距） +border（邊框）+margin（外邊距）
2.邊框
邊框有三部分組成:
border: 邊框大小 邊框樣式（ solid 實線 dashed 虛線 dotted 點線 double 雙實線 ） 邊框顏色;
直接這麼寫邊框控制的是上下左右四條邊框，如果想要單獨某一條邊框的寫法
border-方位名詞:邊框大小 邊框樣式 邊框顏色;
邊框是乙個復合屬性，每乙個部分都可以有單獨的屬性去控制 用的較少
邊框大小；border-width
邊框樣式：border-style
框顏色：border-color
細線** border-collapse:collapse;
圓角：borde-radius:值; 乙個值控制的上左 上右 下右 下左;
3.內邊距
乙個值：控制整個上下左右
兩個值：第乙個控制上下 第二個控制左右
三個值：第乙個控制的上 第二個控制的左右 第三個控制的下
四個值：上右下左
也可以單獨寫
padding-top
padding-bottom
padding-left
padding-right
4.外邊距
margin的取值方式和padding一樣
margin的大小只會移動盒子的位置，並不會對盒子的大小造成影響（特殊情況例外）
行內元素也不要給上下的margin
特殊值：auto margin:0 auto; 可以讓乙個塊級元素水平居中
前提條件：必須是塊級元素 同時必須有固定的width
注意：text-align和margin:0 auto的不同 前者是控制盒子內部的文字或者內部的行內塊 後者控制的是盒子本身
清楚內外邊距
*
html盒子模型 jquery盒子模型
最近學了jquery的盒子模型之後，感覺真的顛覆我之前對盒子模型的看法，我在最初以為盒子模型只存在於html,我們就來看看他們有何區別。1.html盒子模型 如果說js裡面萬物皆是物件，那麼html裡面的萬物皆是盒子。不是盒子的我們也可以用dispiay block 變成盒子。那他的盒子是怎麼計算的...
html盒子模型
什麼是css的盒子模式呢？為什麼叫它是盒子？先說說我們在網頁設計中常聽的屬性名 內容 content 填充 padding 邊框 border 邊界 margin css盒子模式都具備這些屬性。這些屬性我們可以把它轉移到我們日常生活中的盒子 箱子 上來理解，日常生活中所見的盒子也具有這些屬性，所以叫...
html盒子模型
在css中有乙個需要了解的東西，那就是盒子模型，這是css看待元素的一種方式。可以說頁面就是由乙個個盒模型堆砌起來的，每個html元素都可以叫做盒模型，盒模型由外而內包括 邊距 margin 邊框 border 填充 padding 內容 content 它在頁面中所佔的實際寬度是margin bo...