html - 开始新站点 : which is most complete and reliable CSS override?

Question

不同的浏览器以古怪的方式运行，有时我们会利用 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 脚本结合了这些东西，但哪个是最可靠、最完整、跨浏览器友好、最新和维护的？

谢谢!

Answer 1

Normalize是任何新网站的众所周知的基础，它不会重置所有 CSS 值，只会使它们在视觉上保持一致。

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

如评论中所述，HTML5 Boilerplate是最好的起点(它有两个 CSS 文件，main.css 和 normalize.css)。