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

Question

可能重复：
最好的 CSS 重置

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

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

score 5 · Accepted Answer

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

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

CSS 重置的作用

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

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

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

当您不打算对元素进行超出默认设置的样式时，您应该使用 CSS 重置。这对于在块级文本元素（例如h#、p、blockquote和.ulol

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

我通常不向人们推荐简单的 CSS 重置，因为您经常会发现类似* { margin: 0; padding: 0; }的样式没有帮助。最好的情况是你会强迫自己对其他选择器使用更高的特异性，最坏的情况是你会遇到各种样式继承问题。

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

p
{
  margin: 0;
  padding: 0;
}

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

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

不要只是盲目地使用别人的重置。相反，选择实际使用的有用样式，并指定有用的默认值。如果您只想覆盖默认样式表中的所有内容，那么重置 CSS 是没有意义的。

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

score 3 · Accepted Answer

您可以使用normalize.css：

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

但是，我不知道它对手机、平板电脑等的支持情况如何。

score 1 · Accepted Answer

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

score 1 · Accepted Answer

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