CSS可以做很多事情，但開(kāi)發(fā)者更習(xí)慣的是變量、常量和一般的更快速的語(yǔ)法，而CSS本身是不支持的。本文介紹了10個(gè)CSS預(yù)處理器，讓CSS支持一些簡(jiǎn)單的編程語(yǔ)法。

1.Compass

Compass是一個(gè)開(kāi)源的CSS制作框架。

2.CSS Cacheer

這是一個(gè)很棒的CSS預(yù)處理器，讓開(kāi)發(fā)者可以制作插件，要求PHP以及Apache(mod_deflate和mod_rewrite)

3.CSScaffold

CSScaffold是一款幫助CSS開(kāi)發(fā)者快速進(jìn)行開(kāi)發(fā)的框架，使用PHP編寫而成——Simple, but powerful!

不同于許多CSS框架，它必須依靠PHP與Apache的mod_rewrite來(lái)執(zhí)行，但也因?yàn)樾枰@兩種東西，讓CSScaffold變得很神奇、很方便，寫起CSS來(lái)又快又輕松!

4.Sass

Sass擴(kuò)展了CSS3，增加了規(guī)則、變量、混入、選擇器、繼承等等特性。Sass生成良好格式化的CSS代碼，易于組織和維護(hù)。

5.Less CSS

Less CSS是一個(gè)使用廣泛的CSS預(yù)處理器，通過(guò)簡(jiǎn)單的語(yǔ)法和變量對(duì)CSS進(jìn)行擴(kuò)展，可減少很多CSS的代碼量。

#p#

6.Turbine

這是PHP愛(ài)好者的框架，提供最小化的語(yǔ)法、自動(dòng)的gzip壓縮以及多css文件的合并，修復(fù)跨瀏覽器支持問(wèn)題等。

7.Switch CSS

Switch是一個(gè)全功能的穩(wěn)定的CSS預(yù)處理器，基于Apache和mod_python下運(yùn)行，也提供命令行處理工具。

8.CSS Preprocessor

CSS Preprocessor采用PHP5編寫，有預(yù)處理器的常見(jiàn)功能外，支持CSS表達(dá)式，如：margin-left:(200px * 3/2 – 10px);

9.DT CSS

DtCSS是一個(gè)PHP腳本，用來(lái)對(duì)CSS文件進(jìn)行預(yù)處理。DtCSS可通過(guò)擴(kuò)展CSS的特性來(lái)加速CSS編碼。例如嵌套選擇器、顏色混合等等。DtCSS讀取CSS文件并對(duì)特殊語(yǔ)法進(jìn)行處理，然后輸出標(biāo)準(zhǔn)CSS。DtCSS包含一個(gè)智能的緩存系統(tǒng)。

10.CSS PP  http://csspp.org/

目前還是alpha版本狀態(tài)，支持PHP、Python和Ruby。

原文：http://www.oschina.net/
 

【編輯推薦】

1. CSS的前世今生
2. 44個(gè)驚人的超炫CSS3動(dòng)畫演示
3. 20個(gè)HTML 5和CSS3的免費(fèi)網(wǎng)站模板與教程
4. 27 款經(jīng)典的CSS框架 附下載
5. 推薦23款超贊超實(shí)用的CSS3小工具