名稱
CSS樣式框架 - Compass
簡介
CSS預處理器(CSS Preprocessor),是一種構架於css之上的高級語言,可以通過腳本編譯生成CSS代碼,其目的是為了讓CSS開發者的工作更簡單有趣,當前已經進入了較為成熟的階段,基本上新的web開發項目大都已普遍使用。
現在最主要的選擇有:
•SASS 2007年誕生,最早也是最成熟的CSS預處理器,擁有ruby社區的支持和compass這一最強大的css框架,目前受LESS影響,已經進化到了全面兼容CSS的SCSS,著名的Twitter Bootstrap就是採用SASS做底層語言的。
•LESS 2009年出現,受SASS的影響較大,但又使用CSS的語法,讓大部分開發者和設計師更容易上手,在ruby社區之外支持者遠超過SASS,其缺點是比起SASS來,可程式功能不夠,不過優點是簡單和兼容CSS,反過來也影響了SASS演變到了SCSS的時代。
•Stylus,2010年產生,來自Node.js社區,主要用來給Node項目進行CSS預處理支持,在此社區之內有一定支持者,在廣泛的意義上人氣還完全不如SASS和LESS。
推崇的組合是, SASS+Compass+Twitter Bootstrap+bootstrap-sass,這一組合能夠獲得最好的底層語言SASS,最好的框架Compass,和Bootstrap提供的最強大的UI組件庫(被bootstrap-sass翻譯成SASS的風格)。