重置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？

回答

相关问题