跨浏览器 CSS3 规则生成器

CSS3 很强大，但目前各个浏览器对它的支持程度不同一直是 CSS3 不能被应用的主要原因。今天 Bolo 推荐两个在线跨浏览器 CSS3 规则生成器。

CSS3, please!

CSS3, please! 只有一个页面，上面以标准的 CSS 语法罗列了一些目前常用的 CSS3 属性在各种浏览器里的 hack ，通过点击各个属性上的 {toggle rule off/on} 可以禁用或启用该属性，页面的 logo 会做出相应的变化。

点评

CSS3,Please! 的页面非常简洁，而且页面效果也几乎都是用纯 CSS 写成，而且其页面的 HTML 标签写得非常工整。我们不但可以在这里查找 CSS3 hack ，对新手 CSS + DIV 水平的提高也有一定的好处。

CSS3 Generator

CSS3 Generator 是一个在线的 CSS3 编辑器，我们可以查找某个 CSS3 属性的写法，并且进行编辑。而且在属性编写页面我们可以看到这个属性支持哪个版本的浏览器。

点评

CSS3 Generator 类似一个 CSS3 属性的目录，拥有属性编写功能是一大亮点。但其演示过于简陋。

后记

从两个在线 CSS3 规则生成器我们可以看到 CSS3 的强大，但由于标准未定型，我们只能在一部分现代浏览器里体验到 CSS3 带来的震撼效果。在这里 Bolo 再次许愿 CSS3 标准尽快确定下来，并且奉劝各位抛弃老式浏览器。

小知识：老式浏览器

通常指 IE 7、Firefox 3、Safari 3、Chrome 4 以及 Opera 9 之前的浏览器和使用这些核心的浏览器。我们通常可以看见一些人说：“我不用 IE 这个垃圾浏览器，我用傲游”，其实例如绿色浏览器、糖果浏览器、世界之窗、搜狗浏览器、腾讯TT等都是基于 IE 核心的“壳”，我们不将这些“壳”作为一个独立的浏览器看待。Bolo 建议使用这些“壳”的朋友尽快把本机的 IE 升级到 IE8 。虽然搜狗浏览器和傲游浏览器已经叫出了双核的口号，但我认为目前这种技术并不成熟，而且它们也缺乏自主研发的核心（一般是集成 IE 和 Webkit 两个核心）。

原文地址：http://blog.imbolo.com/cross-browser-css3-rule-generation/