实现 CSS 重置的最佳方法是什么

Question

可能的重复：
最佳 css 重置

实现 CSS 重置的最佳方法是什么？我的问题更多是在实现跨浏览器、跨平台兼容的布局的上下文中。例如，布局在桌面浏览器（如 ie、firefox 甚至 iPad）上看起来应该相似，在某种程度上在 iPhone 上也是如此。

请让我知道我是否应该应用 CSS 重置来实现这一点。

Answer 1

实现 CSS 重置的最佳方法是什么？

在回答您的问题之前，我认为了解 CSS 重置是什么以及不会为您做什么很重要。

CSS 重置的作用

CSS 重置的目的是覆盖浏览器使用的默认样式。就是这样。

您可能会在最流行的 CSS 重置之间找到一堆建议的样式，这些样式有助于规范一些较少使用的元素。此外，还有一些必要的样式可以使某些浏览器正确呈现 HTML5 元素。

魔法。说真的，它们不是灵丹妙药。您仍然需要编写更多 CSS 才能获得漂亮的网页。仅仅因为您的网站使用 CSS 重置并不意味着您的网站比另一个没有的网站更好。许多非常有吸引力的网站不会为 CSS 重置而烦恼，因为他们知道无论如何他们都会覆盖所有内容作为过程的一部分。

当您不打算为元素设置超出默认值的样式时，您应该使用 CSS 重置。这对正火利润率，填充和字体大小的块级文本元素，如真的很有帮助h#，p，blockquote，ul和ol。

当您只是盲目地链接其他人的 CSS 重置而不考虑它会对您的布局产生什么影响时，您不应该使用 CSS 重置。如果您不完全了解它对您的布局的作用，您不应该从一开始就使用它。

我通常不建议普通的CSS重置的人，因为你经常会发现风格就像* { margin: 0; padding: 0; }它们是不是有帮助。充其量你会强迫自己对其他选择器使用更高的特异性，最坏的情况是你会遇到各种样式继承问题。

不要使用简单的重置，而是使用重置模板，但为您知道的元素填写样式。而不是总是有：

p
{
  margin: 0;
  padding: 0;
}

您应该将其设置为默认段落样式（如果您正在使用其他人的设计，样式指南通常指定属于重置样式表的大多数样式）：

p
{
  border-bottom: 1px solid #000;
  margin: 0 0 1em;
  padding: 0 0 1em;
}

不要盲目地使用其他人的重置。相反，选择将实际使用的有用样式，并指定有用的默认值。如果您只想覆盖默认样式表中的所有内容，则 CSS 重置毫无意义。

_{我通常将我的“重置”样式表称为我的，core.css因为它包含我尝试生成的布局的所有核心样式}