启动一个新站点:哪个是最完整可靠的CSS覆盖?

时间:2012-11-01 19:39:59

标签: html5 css3 cross-browser css-reset

不同的浏览器以奇特的方式运行,有时我们会利用黑客攻击使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脚本结合了这些东西,但最可靠,最完整,跨浏览器友好,最新和维护?

谢谢!

1 个答案:

答案 0 :(得分:1)

Normalize是任何新网站的知识基础,而不是重置所有CSS值,只是使它们明显一致。

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

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