0

不同的浏览器以古怪的方式运行，有时我们会利用 hack 让 CSS 在所有浏览器中看起来都符合我们的要求。但是，这是在您已经开始将 HTML 和 CSS 放在一起之后要做的事情。

但我发现，要确保您在所有浏览器中应用或多或少相同的标准，最简单的方法是重置它们的本地 CSS 文件。

因此，当开始一个新的 HTML5 和 CSS3 项目时——那里的重置涵盖了所有基础？

例如，这是我喜欢做的两件事：

* {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

对于 HTML5：

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

这是我在 WordPress 网站上看到的内容：

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button,
input,
select,
textarea {
  margin: 0;
}

我知道有现成的 CSS 脚本结合了这些东西，但哪个是最可靠、最完整、跨浏览器友好、最新和维护的？

谢谢！

4

1 回答 1

1

规范化是任何新网站的众所周知的基础，它不是重置所有 CSS 值，而是使它们明显一致。

此外，Modernizr是一个出色的 JS 库，它可以为 IE6-8 等旧浏览器（以及许多其他东西）提供 HTML5 示意图功能。

正如评论中提到的，HTML5 Boilerplate是最好的起点（它有两个 CSS 文件，main.css 和 normalize.css）。

于 2012-11-01T20:57:52.217 回答