在寫網頁的時候會發現元素之間會有空隙。設定了
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到右...