CSS3 margin,padding幾個命令做開的的都知道了，我們今天一起來看一篇關于CSS3中清除外邊距、內邊距margin,padding使用方法，希望例子能夠給大家帶來幫助。

建議給html頁面創建樣式時，首先添加如下CSS樣式，將所有的元素內外間距都設為0：

{

margin: 0px;

padding: 0px;

}

因為如果我們不明確定義，由于不同瀏覽器處理策略不同，有的默認間距就設為0，而有的卻有默認值。這樣就會造成不同瀏覽器下顯示的差異。

例子

去除html標簽默認的外邊距margin和內邊距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: 上、右、下、左; {從上按順時針轉的}

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

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

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

如果 padding 屬性缺失 left; left 會參考 right:

外邊距 margin 和內邊距 padding 道理是一樣的:

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。