不同的浏览器以奇特的方式运行,有时我们会利用黑客攻击使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脚本结合了这些东西,但最可靠,最完整,跨浏览器友好,最新和维护?
谢谢!
答案 0 :(得分:1)
Normalize是任何新网站的知识基础,而不是重置所有CSS值,只是使它们明显一致。
此外,Modernizr是一个出色的JS库,可以为IE6-8等旧版浏览器(以及许多其他东西)提供HTML5逻辑示意图功能。
正如评论中所提到的,HTML5 Boilerplate是最好的起点(它有两个CSS文件,main.css和normalize.css)。