如何处理CSS3规范。以一种有用的方式？

Question

CSS3规范在部分实现的主浏览器中，你可以用更少的代码获得非常好的结果，但有很多理由不使用CSS3。例如。不向下兼容，可能不是类似的渲染视图在不同的浏览器等。

所以我问自己：无论如何，哪种方法最好使用CSS3来拦截默认问题，就像我上面所描述的那样？

Answer 1

只要您的网站优雅地降级，现在使用CSS3没有任何问题。毕竟，如果浏览器不理解特定的CSS规则，它将忽略它：

#foo {
    border:1px solid #000; /* shown by all browsers */
    border-radius:5px; /* shown if browser understands border-radius */
    -moz-border-radius:5px; /* Firefox only */
    -webkit-border-radius:5px; /* Safari and Google Chrome */
}

只要网站在不支持您要使用的CSS3规则的浏览器中看起来没有损坏，那么您应该在支持它们的浏览器中{/ 3}}使用您的网站。

Answer 2

您可能会发现"When can I use..."对于了解可以合理使用的功能非常有用。

Answer 3

如果你制作一个公共网站，那么你必须支持ie6，这意味着没有css 2.1，更不用说3。

您可以尝试的一件事是：lesscss

这将允许您使用速记css表示法并将其“编译”为构建时的有效css。