建站
咨詢
售后
建站咨詢
新聞中心
本文和大家重點(diǎn)討論一下CSS語法中margin屬性的用法，檢索或設(shè)置對(duì)象四邊的外延邊距，如果提供全部四個(gè)參數(shù)值，將按上－右－下－左的順序作用于四邊。
CSS語法——margin屬性
margin:auto|length
◆參數(shù)：
auto:值被設(shè)置為相對(duì)邊的值
length:由浮點(diǎn)數(shù)字和單位標(biāo)識(shí)符組成的長度值|百分?jǐn)?shù)。百分?jǐn)?shù)是基于父對(duì)象的高度。對(duì)于內(nèi)聯(lián)對(duì)象來說，左右外延邊距可以是負(fù)數(shù)值。請(qǐ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:36pt24pt36pt24pt;}，即上下36，左右24
body{margin:11.5%;}，即上下左右都是11.5%
body{margin:10%10%10%10%;}，即上下左右都是10%，表達(dá)方式和上一種相同
◆margin如何與padding區(qū)分:
這是很多學(xué)html人的困擾
其實(shí)說白了padding就是內(nèi)容與邊框的空隙.而margin則是模塊與模塊的空隙.下面圖解:
margin與padding得盒子模型圖解
網(wǎng)站名稱：CSS語法之margin屬性用法詳解
本文地址：http://www.5511xx.com/article/djdjisi.html
