CSS有預設margin和padding的標籤總和

2021-10-12 07:16:52 字數 1742 閱讀 8498

在寫網頁的時候會發現元素之間會有空隙。設定了

html,body

*
一.h1~h6標籤:有預設margin(top,bottom且相同)值,沒有預設padding值。

在chrome中:16,15,14,16,17,19;

在firefox中:16,15,14,16,17,20;

在safari中:16,15,14,16,17,19;

在opera中:16,15,14,14,17,21;

在maxthon中:16,14,14,15,16,18;

在ie6.0中:都是19;

在ie7.0中:都是19;

在ie8.0中:16,15,14,16,17,19;

二.dl標籤:有預設margin(top,bottom且相同)值,沒有預設padding值。

在chrome,firefox,safari,opera,maxthon,ie8.0中:margin:12px 0px;

在ie6.0,7.0中:margin:19px 0px;

dd標籤有預設margin-left:40px;(在所有上述瀏覽器中)。

三.ol,ul標籤:有預設margin-(top,bottom且相同)值,有預設padding-left值

在chrome,firefox,safari,opera,maxthon,ie8.0中:margin:12px 0px;

在ie6.0,7.0中:margin:19px 0px;

預設padding-left值:在chrome,firefox,safari,opera,maxthon,ie8.0中都是padding-left:40px;在ie6.0,7.0中沒有預設padding值,因為ol,ul標籤的邊框不包含序號。

四.table標籤沒有預設的margin,padding值;th,td標籤沒有預設的margin值,有預設的padding值。

在chrome,firefox,safari,opera,maxthon中:padding:1px;

在ie8.0中:padding:0px 1px 1px;

在ie7.0中:padding:0px 1px;

相同內容th的寬度要比td寬,因為th字型有加粗效果。

五.form標籤在chrome,firefox,safari,opera,maxthon,ie8.0中沒有預設的margin,padding值,但在ie6.0,7.0中有預設的margin:19px 0px;

六.p標籤有預設margin(top,bottom)值,沒有預設padding值。

在chrome,firefox,safari,opera,maxthon,ie8.0中:margin:12px 0px;

在ie6.0,7.0中:margin:19px 0px;

七.textarea標籤在上述所有瀏覽器中:margin:2px;padding:2px;

八.select標籤在chrome,safari,maxthon中有預設的margin:2px;在opera,firefox,ie6.0,7.0,8.0沒有預設的margin值。

option標籤只有在firefox中有預設的padding-left:3px;

css中的預設margin

上班打醬油中,body的margin為8px webkit預設行高18px height18px 預設font size16px p預設margin是16px 0 16px 0 ul和ol有預設的margin left 40px的padding left和16px 0 16px 0 button有2...

css中的預設margin

上班打醬油中,body的margin為8px webkit預設行高18px height18px 預設font size16px p預設margin是16px 0 16px 0 ul和ol有預設的margin left 40px的padding left和16px 0 16px 0 button有2...

css中relative和margin的區別

在寫網頁時,有時候乙個效果的實現由很多種方法,比如我們想要乙個盒子向下向左移動50px。這裡主要說一下relative和margin來實現的區別。我們的目的是黃色div移動。relative為div3加上以下 可以看到,我們達到了目的,此時div3向右下偏移50px,所佔據的空間是寬度為div3到右...