CSS的安全子集？

Question

将所有浏览器重定向到IE6是相当具有挑战性的。每个浏览器都支持不同规格的功能。是否有可以跨浏览器（IE6，IE7，FF1，FF2，Safari，Opera）使用的安全CSS子集指南？这样我就不必在每次小小的修改后在6个不同的浏览器中测试我的样式表，并适应他们令人烦恼的怪癖。

Answer 1

这里是一个有价值的参考。 http://www.quirksmode.org/css/contents.html

此外，对于IE和选择其他浏览器 - 条件注释。 http://msdn.microsoft.com/en-us/library/ms537512.aspx

我以这种方式使用它们。我重写任何IE细节。

<link rel="stylesheet" type="text/css" href="theme.css" /> 
<!--[if IE 6]> 
<link rel="stylesheet" type="text/css" href="theme-ie6.css" /> 
<![endif]--> 

Answer 2

根据我的经验，尽管所有浏览器都支持一些CSS属性，但它们并不总是表现相同。即使一些最基本的属性，如margin/padding/float，也会导致IE和其他所有东西看起来不一样。

通常整个网站模板是最复杂的。我做事情的方式是，一旦我得到了该模板，并且实际内容将使用简单的类，请在所有浏览器中测试几个示例页面。一旦你只是在处理内容时，通常你不会在系统中抛出任何重要的扳手（尽管我总是会在这里和那里做一个偏执的检查）。

Answer 3

Daniel和jleedev的链接都是宝贵的资源。在很多情况下，最好的办法是使用reset stylesheet（只是一个例子），它可以最大限度地减少浏览器之间的渲染差异。

迪恩爱德华的IE7是一个JavaScript的包括，将添加到IE6/7的许多标准的CSS功能（如<abbr>和支持伪选择器）。

我推荐为Firefox/Opera/W3规范开发，然后对IE6/7使用条件注释。

Answer 4

我发现了一本名为Pro CSS和HTML设计模式，其中包含预先测试的可重用CSS片段。这非常接近我实际需要的。