實(shí)際上，所有元素都有(或可以有)這些屬性，包括文檔主體，例如，可使用下列規(guī)則去除其外邊距：

body { margin:0px; }

掌握了盒子模型，你將能夠創(chuàng)建具有專(zhuān)業(yè)布局的頁(yè)面，因?yàn)檫@些屬性將構(gòu)成頁(yè)面的主要樣式。

2.11.1  外邊距

外邊距是盒子模型的最外一層。它將元素互相分開(kāi)，其用法是相當(dāng)靈活的。例如，假定給許多元素選擇一個(gè)默認(rèn)為10像素的外邊距。當(dāng)兩個(gè)元素疊放時(shí)，將創(chuàng)建20像素的間隔，因?yàn)槭菍⑦吙驅(qū)挾认嗉印?/p>

不過(guò)，要克服這一潛在問(wèn)題，當(dāng)帶有邊框的元素直接相疊時(shí)，只應(yīng)用較大的那個(gè)外邊距。如果兩個(gè)外邊距相等，則只使用一個(gè)。這樣，才有可能得到你想要的結(jié)果。但要注意，絕對(duì)定位或內(nèi)聯(lián)元素的外邊距不合并。

通過(guò)margin屬性可以一起改變?cè)氐乃型膺吘啵部赏ㄟ^(guò)margin-left、margin-top、margin-right和margin-bottom屬性單獨(dú)改變?cè)氐耐膺吘唷?/p>

如果設(shè)置margin屬性，可提供1個(gè)、2個(gè)、3個(gè)或4個(gè)參數(shù)，其效果在下列規(guī)則中進(jìn)行了注釋?zhuān)?/p>

margin:1px;  /*Set all margins to 1 pixel width  */

margin:1px 2px;  /*Set the top and bottom margins to 1 pixel

and the left and right to 2 pixels width  */

margin:1px 2px 3px;  /*Set the top margin to 1 pixel, the left

and right to 2 pixels and the bottom

margin to 3 pixels width   */

margin:1px 2px 3px 4px; /*Set the top margin to 1 pixel, the right

to 2 pixels, the bottom to 3 pixels and

the left margin to 4 pixels width  */

2.11.2  邊框

盒子模型的邊框?qū)优c外邊距類(lèi)似，除了沒(méi)有合并。用于修改邊框的主要屬性有border、border-left、border-top、border-right和border-bottom，這些屬性都可添加其他子屬性作為后綴，如-color、-style和-width。

用于margin屬性的4種訪問(wèn)單獨(dú)屬性設(shè)置的方式也適用于border-width屬性，所以下列都是有效的規(guī)則：

border-width:1px;  /* All borders  */

border-width:1px 2px;  /* Top/bottom and left/right  */

border-width:1px 2px 3px;  /* Top, left/right and bottom  */

border-width:1px 2px 3px 4px; /* Top, right, bottom and left  */

2.11.3  內(nèi)邊距

盒子模型的最深一層是內(nèi)邊距，它在任意邊框或外邊距內(nèi)部使用。用于修改內(nèi)邊距的主要屬性有padding、padding-left、padding-top、padding-right和paddng-bottom。

用于margin和border屬性的4種訪問(wèn)單獨(dú)屬性設(shè)置的方式也適用于padding屬性，所以下列都是有效規(guī)則：

padding:1px;  /* All borders  */

padding:1px 2px;  /* Top/bottom and left/right  */

padding:1px 2px 3px;  /* Top, left/right and bottom  */

padding:1px 2px 3px 4px;  /* Top, right, bottom and left  */

2.11.4  內(nèi)容

盒子模型的中心是可用本章所討論的所有方式進(jìn)行樣式化的元素，它可以(通常將)包含子元素，然后依次包含子子元素等，每個(gè)元素都有其自己的樣式和盒子模型設(shè)置。