網(wǎng)頁設(shè)計(jì)中的單邊外邊距屬性

幸運(yùn)的是,在網(wǎng)頁設(shè)計(jì)中確實(shí)有一種辦法可以為元素單邊上的外邊距設(shè)置值。假設(shè)你只想把h2元素的左外邊距設(shè)置為3em。不必使用margin(這需要鍵入很多auto),而是可以采用以下方法:

h2{margin-left:3em;}

margin-left是專門用來設(shè)置元素框各邊外邊距的4個(gè)屬性之一。它們的名字一目了然。

margin-top、margin-right、margin-bottom、margin-left

值:<length> | <percentage> | auto | inherit

初始值:0

應(yīng)用于:所有元素

繼承性:無

百分?jǐn)?shù):相對(duì)于包含塊的width

計(jì)算值: 對(duì)于百分?jǐn)?shù),根據(jù)指定確定,否則,為絕對(duì)長(zhǎng)度

網(wǎng)頁設(shè)計(jì)使用其中任何一個(gè)屬性將只設(shè)置該邊上的外邊距,而不會(huì)直接影響所有其他外邊距。一個(gè)規(guī)則中可以使用多個(gè)這種單邊屬性,例如:

h2{margin-left:3em;margin-bottom:2em;margin-right:0;margin-top:0;background:silver;}

在圖8-11中可以看到,已經(jīng)按你的意愿設(shè)置了外邊距。當(dāng)然,對(duì)于這種情況,使用margin可能更容易一些:

h2{margin:0 0 2em 3em;}

不論使用上述單邊屬性還是使用margin,得到的結(jié)果都一樣。一般地,網(wǎng)站建設(shè)人員如果想為多個(gè)邊設(shè)置外邊距,使用margin會(huì)更容易一些。不過,從文檔顯示的角度看,實(shí)際上使用哪種方法都不重要,所以應(yīng)該選擇對(duì)網(wǎng)頁設(shè)計(jì)人員來說更容易的一種方法。

網(wǎng)站建設(shè)、網(wǎng)絡(luò)營(yíng)銷咨詢專線:0871-63535511(點(diǎn)擊可一鍵撥號(hào))