CSS重置的内容

Question

可能重复：
Best css reset

实现CSS重置的最佳方法是什么？我的问题更多是在实现跨浏览器，跨平台兼容的布局的背景下。例如。布局应该在桌面浏览器上看起来类似，例如firefox，甚至在iPad上，在某种程度上也可以在iPhone上使用。

如果我应该使用CSS重置来实现此目的，请告诉我。

Answer 1

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

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

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

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

CSS重置不做

万。说真的，他们不是灵丹妙药。您仍然需要编写更多CSS才能获得漂亮的网页。仅仅因为您的网站使用CSS重置并不意味着您的网站比其他网站更好。许多非常有吸引力的网站都不会为CSS重置而烦恼，因为他们知道他们会在此过程中覆盖 所有内容 。

当你没有计划超出默认值的样式元素时，你应该使用CSS重置。在块级文本元素（例如h#，p，blockquote，ul和ol上规范化边距，填充和字体大小非常有用。

当你只是盲目地链接别人的CSS重置时，你应该不使用CSS重置，而不考虑它将对你的布局做什么。如果您不理解完全它正在对您的布局做什么，那么您不应该开始使用它。

我通常不建议对用户进行简单的CSS重置，因为您经常会找到{em> 非常有帮助的* { 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，因为它包含了我正在尝试制作的布局的所有核心样式}

Answer 2

您可以使用normalize.css：

Normalize.css是一个可自定义的CSS文件，它使浏览器更加一致地呈现所有元素并符合现代标准。我们研究了默认浏览器样式之间的差异，以便仅精确定位需要规范化的样式。

但我不知道它对移动设备，平板电脑等的支持程度如何。

Answer 3

如果你去CSS框架，比如Blueprint和960.gs并下载他们的CSS软件包，你会发现在设计网站之前我们应该使用的reset.css和其他默认css 。只需使用它们。

Answer 4

这是大多数人通常所推荐的，它是我使用的，我认为它是最好的。