值得關注的十個優秀的CSS框架

大多數做過網頁設計的都知道“CSS框架”，而且肯定有很多設計師已經開始在作品中使用CSS框架。

　　就像其他程式語言一樣，CSS也可以把一些重複使用的程式碼整合起來，這樣可以減輕很多的工作量。

　　恰當地利用CSS框架可以縮短開發時間，不過話說回來，如果選錯了CSS框架胡亂用於實際開發中，必然會適得其反。

　　下面介紹的是一些值得深入研究的開源CSS框架，你可以通過搜尋輕易地獲取原始碼。

　　1.Blueprint:

　　Bluepring 包含了方便實現瀏覽器相容的reset css。另外，它還包含了在網頁開發中經常用到的很多外部工具和模板。

　　2.960 Grid System

　　又一個值得深入研究的CSS框架，提供的原始檔包含了Firework、Photoshop、Inkscape等等的模板，可以拿來隨手即用，PSD檔案中已經預置了參考線，可以為設計師節省不少時間。

　　3.Tripoli Framework

　　Tripoli可以支援幾乎現有的所有瀏覽器，甚至是IE5，包含了一些基礎css庫，和一些封裝過的CSS外掛，比如：Layout、Visual、Type、Negative。

　　4.YAML – Yet Another Multicolumn Layout

　　YAML是一款開發文件齊全、非常可靠的框架，參照它給出的PDF文件和官方網站上的示例可以很輕鬆地上手，它也提供很多開發中可以利用的工具，比如李詠YAML Builder可以構造一個機遇YAML的CSS佈局例項。

　　5.YUI Grid CSS

　　YUI Grid CSS不僅支援固定寬度的佈局實現還支援不定寬度的佈局，這也是它比其他框架更為靈活的地方，你可以下載YUI的cheat sheet和官方網站的YUI Grids Builder來快速上手使用YUI Grids CSS。

　　6.BlueTrip

　　Blue Trip區別與其他框架的特點是它非常有特色而且十分美觀，它的官方網站上有完整的開發文件和demo。

　　7.Content With Style

　　Conten With Style是一款固定寬度佈局的CSS框架，包含了一系列的佈局示例比如，一列垂直導航、兩列垂直導航等等。

　　8.Elastic CSS Framework

　　Elastic提供了用宣告式語言來定義佈局結構和行為，這個框架還剛剛起步，最好的Demo就是它的官網本身。

　　9.Molio CSS/HTML Templates

　　Mollio的開發始於IE7暴露出很多渲染的問題，它可以作為網站佈局的參考，特別適合CSS初學者。

　　10.SenCSS

　　Sen並沒有提供佈局方面例項，但是有一些類似baseline, fonts, paddings, margins的css可利用，它包含了一個開發版本和一個釋出版本。

　　其他的一些CSS框架，可能你也會喜歡：

　　WYMstyle

　　CSS-boilerplate

　　Typogridphy

　　CleverCSS

　　Logicss

　　選擇一框合適的CSS框架不管對學習CSS還是實際開發都是非常有用的，熟悉更多的框架就可以通曉這些框架設計和實現的可鑑之處，提高CSS框架設計水平之日可待。