CSS的安全子集？

Question

将所有浏览器解决回IE6非常具有挑战性。每个浏览器都支持规范的不同功能。是否有一个安全的CSS子集指南，可以跨浏览器使用（IE6，IE7，FF1，FF2，Safari，Opera）？这样我就不必在每次小修改后在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（仅一个示例），以尽量减少浏览器之间的渲染差异。

Dean Edward的IE7是一个JavaScript包含，它将在IE6 / 7中添加许多标准CSS功能（例如<abbr>并支持伪选择器）。

我建议开发Firefox / Opera / W3规范，然后使用IE6 / 7的条件注释。

Answer 4

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