重置CSS - 將填充和邊距設置爲0？

看着YUI 2: Reset CSS他們在多個元素上設置了margin:0和padding:0。我不關心我的網頁上的IE6或IE7。我仍然需要爲每個元素設置margin:0嗎？重置CSS - 將填充和邊距設置爲0？

DIV（無）
醇（是）
UL（是）
李（無）
形式（僅IE6，IE7）
輸入（無）
textarea（no）

我還需要設置無論如何每個元素爲0？

體（無）
DIV（無）
UL（是）
醇（是）
李（無）
形式（無）
textarea的（是）
p（no）

我還需要爲圖像設置border:0嗎？

答：只有爲鏈接的圖像

你還有什麼建議更換？

來源

2012-01-24 user1087110

我不明白你的問題。你使用重置CSS嗎？這個CSS是否爲所有元素設置了「margin：0」和「padding：0」（我想，是的）？如果是這樣，你爲什麼問你是否需要重新做？ –

對不起，沒有清楚的...我沒有使用任何CSS重置代碼，我想我可以設置風格時，風格的元素。所以問題是：我是否需要設置maring：0以使元素在每個現代瀏覽器中兼容（id沒有IE 8，所以我無法測試）。 – user1087110

這樣做所需的時間並不值得。 – thirtydot

你可以看一下IE的內置本網站樣式表：http://www.iecss.com/

它鏈接樣式的Firefox，WebKit和歌劇。你可以交叉引用這些來做出決定。

來源

2012-01-24 08:51:29

這取決於您希望頁面上的元素的邊距和填充是否爲特定值。如果沒有關係，那就儘量將其作爲瀏覽器默認設置 - 不要依賴它，因爲不能保證世界上的所有瀏覽器都將使用測試瀏覽器默認的默認設置。我建議您自定義normalize.css並在代碼中使用它。如果您不得不加載另一個樣式表，或者膨脹自己的樣式表，您可以始終使用compress the CSS並將其粘貼到文件頂部的一行上。

來源

2012-01-24 08:48:50 Chris

這與瀏覽器元素兼容性沒有關係。所有標準元素都是兼容（即顯示它們的內容）在每個瀏覽器中。

問題是，通常瀏覽器以不同方式爲某些元素應用默認樣式屬性。例如，IE和Firefox爲塊元素應用不同的默認容限，對於標題（h1，h2，...）等使用不同的字體大小......

CSS重置樣式表幫助你通過壓扁所有樣式，可以在不同的瀏覽器不同的刪除所有這些矛盾。

你可以在這裏閱讀文章：

http://sixrevisions.com/css/css-tips/css-tip-1-resetting-your-styles-with-css-reset/

來源

2012-01-24 08:56:55

我總是使用這一個：

html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
b, u, i, center, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td { 
     margin: 0; 
     padding: 0; 
     border: 0; 
     outline: 0; 
     font-size: 100%; 
     vertical-align: baseline; 
     background: transparent; 
} 
body { 
     line-height: 1; 
} 
ol, ul { 
     list-style: none; 
} 
blockquote, q { 
     quotes: none; 
} 
blockquote:before, blockquote:after, 
q:before, q:after { 
     content: ''; 
     content: none; 
} 

/* remember to define focus styles! */ 
:focus { 
     outline: 0; 
} 

/* remember to highlight inserts somehow! */ 
ins { 
     text-decoration: none; 
} 
del { 
     text-decoration: line-through; 
} 

/* tables still need 'cellspacing="0"' in the markup */ 
table { 
     border-collapse: collapse; 
     border-spacing: 0; 
}

來源

2012-01-24 09:41:26 user1166654

您現在應該插入一個html5新標記集。 –

重置CSS - 將填充和邊距設置爲0？

回答

相關問題