跨瀏覽器 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/

生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈