本文向大家簡(jiǎn)單介紹一下CSS中padding屬性和margin屬性的概念和用法，padding屬性檢索或設(shè)置對(duì)象四邊的內(nèi)補(bǔ)丁。對(duì)于td和th對(duì)象而言默認(rèn)值為1。其他對(duì)象的默認(rèn)值為0。而margin屬性用于檢索或設(shè)置對(duì)象四邊的外延邊距。

CSS中padding屬性margin屬性說明

CSS padding屬性

　　padding：

　　檢索或設(shè)置對(duì)象四邊的補(bǔ)丁邊距。
　　語(yǔ)法：padding:padding-top|padding-right|padding-bottom|padding-left
　　說明：檢索或設(shè)置對(duì)象四邊的內(nèi)補(bǔ)丁。對(duì)于td和th對(duì)象而言默認(rèn)值為1。其他對(duì)象的默認(rèn)值為0。
　　參數(shù)：length:長(zhǎng)度值；%:百分比，由父元素寬度決定
　　初始值：對(duì)于td和th對(duì)象而言默認(rèn)值為1。其他對(duì)象的默認(rèn)值為0。
　　繼承性：不可繼承

　　注釋：不允許使用負(fù)值。

　　如果提供全部四個(gè)參數(shù)值，將按上－右－下－左的順序作用于四邊。
　　如果只提供一個(gè)，將用于全部的四條邊。
　　如果提供兩個(gè)，第一個(gè)用于上－下，第二個(gè)用于左－右。
　　如果提供三個(gè)，第一個(gè)用于上，第二個(gè)用于左－右，第三個(gè)用于下。

CSS margin屬性

　　CSS margin:auto|length

　　參數(shù)：

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

　　說明：

　　檢索或設(shè)置對(duì)象四邊的外延邊距。
　　如果提供全部四個(gè)參數(shù)值，將按上－右－下－左的順序作用于四邊。
　　如果只提供一個(gè)，將用于全部的四邊。
　　如果提供兩個(gè)，第一個(gè)用于上－下，第二個(gè)用于左－右。
　　如果提供三個(gè)，第一個(gè)用于上，第二個(gè)用于左－右，第三個(gè)用于下。
　　內(nèi)聯(lián)對(duì)象要使用該屬性，必須先設(shè)定對(duì)象的height或width屬性，或者設(shè)定position屬性為absolute。
　　在IE4+，margin屬性不可用于td和tr對(duì)象。
　　外延邊距始終透明。
　　對(duì)應(yīng)的腳本特性為margin。
　　關(guān)于對(duì)象的尺寸與邊框，內(nèi)外補(bǔ)丁等樣式表屬性的關(guān)系，請(qǐng)參看圖例以及height和width屬性。

　　示例：

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

【編輯推薦】

1. IE6中十大CSS兼容性解決方案
2. IE瀏覽器中CSS Hack技術(shù)用法
3. 深入探究DIV CSS布局中position屬性用法
4. 調(diào)用CSS hack區(qū)分不同瀏覽器
5. CSS display:block顯示布局錯(cuò)亂解決方案