本文和大家重點討論一下CSS語法中margin屬性的用法，檢索或設(shè)置對象四邊的外延邊距，如果提供全部四個參數(shù)值，將按上－右－下－左的順序作用于四邊。

CSS語法——margin屬性

　　margin:auto|length

◆參數(shù)：

　　auto:值被設(shè)置為相對邊的值

　　length:由浮點數(shù)字和單位標(biāo)識符組成的長度值|百分?jǐn)?shù)。百分?jǐn)?shù)是基于父對象的高度。對于內(nèi)聯(lián)對象來說，左右外延邊距可以是負(fù)數(shù)值。請參閱長度單位。

◆說明：

　　檢索或設(shè)置對象四邊的外延邊距。
　　如果提供全部四個參數(shù)值，將按上－右－下－左的順序作用于四邊。

　　如果只提供一個，將用于全部的四邊。

　　如果提供兩個，第一個用于上－下，第二個用于左－右。

　　如果提供三個，第一個用于上，第二個用于左－右，第三個用于下。

　　內(nèi)聯(lián)對象要使用該屬性，必須先設(shè)定對象的height或width屬性，或者設(shè)定position屬性為absolute。

　　在IE4+，margin屬性不可用于td和tr對象。

　　外延邊距始終透明。

　　對應(yīng)的腳本特性為margin。

　　關(guān)于對象的尺寸與邊框，內(nèi)外補(bǔ)丁等樣式表屬性的關(guān)系，請參看圖例以及height和width屬性。

◆示例：

　　body{margin:36pt24pt36pt24pt;}，即上下36，左右24
　　body{margin:11.5%;}，即上下左右都是11.5%
　　body{margin:10%10%10%10%;}，即上下左右都是10%，表達(dá)方式和上一種相同

◆margin如何與padding區(qū)分:

　　這是很多學(xué)html人的困擾

　　其實說白了padding就是內(nèi)容與邊框的空隙.而margin則是模塊與模塊的空隙.下面圖解:

　　margin與padding得盒子模型圖解
 

【編輯推薦】

1. DIV+CSS網(wǎng)頁布局五大誤區(qū)
2. 十大CSS使用經(jīng)典技巧
3. CSS屬性font-size用法詳解
4. 探究采用DIV+CSS框架的利與弊
5. DIV CSS網(wǎng)頁布局需要掌握的八大技巧