10款CSS Framework

原創

rhinemetal

2020-06-17 13:42

對於JavaScript的框架已經很熟悉了，像jQuery, Ext, Dojo，最近又發現有很多的CSS Framework，轉載一篇相關的文章。

大多數的Web設計者大都聽說過“CSS Framework”，相信一些人已經開始嘗試使用過其中的一些了。

CSS就像其他的編程語言和腳本語言一樣，在日常的編寫過程中有很多的重複代碼，這些重複代碼也可以被整合在一起，從而減少重複勞動，使工作變的更簡單。

使用CSS Framework，可能會減少你的開發時間和提高效率，另一方面，如果選擇了錯誤的框架反而會增加額外的工作量和工作時間。

現在有很多開源的CSS Framework，使用google便可以輕鬆的得到它們。今天，我將展示10款值得一看的框架，相信以後它們可以發展的很好。

Blueprint: A CSS Framework

Blueprint 是名氣最大，最近很火的一個框架，它的CSS實現很好的控制了不同瀏覽器之間的差異，使用它可以輕鬆的做好瀏覽器兼容性。框架裏面還包含了許多擴展工具和模板來幫助實現Web開發。

參考：http://www.cnite.net/blog/?p=122
960 Grid System

另外一款出色的CSS Framework，下載的文件中包括了可供Fireworks, Photoshops, Inkscape和其他軟件使用的模板，你可以馬上就開始Web模板的設計。PSD文件和嚮導可以節省開發者大量的時間。
Tripoli Framework

Tripoli嘗試支持所有的瀏覽器，甚至是IE5，包括一些基礎文件和佈局，類型等插件（很可惜，翻譯的時候這個網站已經打不開了）。
YAML – Yet Another Multicolumn Layout

YAML號稱是一款“防彈”的CSS Framework，它有非常好的文檔，可以從官網上下載它的PDF文檔和例子，從而更快的上手，框架中也同樣提供了一些方便的工具，例如使用YAML Builder可以直觀的創建基於YAML的CSS佈局。
YUI Grid CSS

YUI Grids CSS 支持固定寬度和浮動寬度的佈局，對浮動寬度佈局的支持是它的一大優勢。從官方網站上下載YUI的備忘單(cheat sheet)和YUI Grids Builder來開始你的學習吧。

實際上YUI是yahoo提供的一整套Web開發輔助框架，不但是CSS佈局，很早的時候就有YUI的JavaScript框架了，現在發展的也很好，有興趣的朋友可以關注一下
BlueTrip

BlueTrip是一個全功能和華麗的框架，結合了不同的CSS框架的優勢。官方網站提供了完整的文檔和例子。
Content With Style

這是一個固定寬度的佈局框架，壓縮文件中包括了一些一列和多列的縱向導航的佈局，當然還有其他的佈局。
Elastic CSS Framework

Elastic 提供了一套用聲明性語言來定義的佈局結構和行爲。這是一個年輕的框架，在它的官方網站上有使用Elastic 實現的例子，是很好的參考資料。（網站很炫哦）
Molio CSS/HTML Templates

Mollio自推出IE7的渲染而暴露了一些問題，它是一個網站佈局的起點，非常適合初學者開始CSS Framework的學習。
SenCSS

SenCSS並不包括一套佈局系統，但是它提供了另外一些諸如基準線、字體、內外邊距的支持。它配備了一個評論版和最小化版本，適合開發士氣的使用。