CSS3 margin,padding幾個(gè)命令做開(kāi)的的都知道了，我們今天一起來(lái)看一篇關(guān)于CSS3中清除外邊距、內(nèi)邊距margin,padding使用方法，希望例子能夠給大家?guī)?lái)幫助。

建議給html頁(yè)面創(chuàng)建樣式時(shí)，首先添加如下CSS樣式，將所有的元素內(nèi)外間距都設(shè)為0：

{

margin: 0px;

padding: 0px;

}

因?yàn)槿绻覀儾幻鞔_定義，由于不同瀏覽器處理策略不同，有的默認(rèn)間距就設(shè)為0，而有的卻有默認(rèn)值。這樣就會(huì)造成不同瀏覽器下顯示的差異。

例子

去除html標(biāo)簽?zāi)J(rèn)的外邊距margin和內(nèi)邊距padding

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,
legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,
details,figcaption,figure,footer,header,hgroup,menu,nav,section {

margin:0;

padding:0;

}

padding: 上、右、下、左; {從上按順時(shí)針轉(zhuǎn)的}

可用 padding-top、padding-bottom、padding-left、padding-right 分別表示:

如果 padding 屬性缺失 right、bottom、left; 就都參考 top:

如果 padding 屬性缺失 bottom、left; bottom 會(huì)參考 top, left 會(huì)參考 right:

如果 padding 屬性缺失 left; left 會(huì)參考 right:

外邊距 margin 和內(nèi)邊距 padding 道理是一樣的:

總結(jié)

以上是生活随笔為你收集整理的html消除自带边距,CSS3中清除外边距、内边距margin,padding使用方法的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。