大多數網頁設計師應該都聽到過 “CSS 框架”, 并且我也相信之前你們肯定也有嘗試過。
就想其它程序和腳本語言那樣,CSS也會編寫不少重復的代碼,當然這些也都可以打包在一起以減輕我們的日常工作。
當適當地使用CSS框架的時候,或許會減少您開發的進度。相反,如果您在項目中選擇了錯誤的框架,那么就可能會耗費額外的工作和時間。
通過Google搜索,您就可以簡單地查找到很多 CSS 開源框架。現在,我要告訴您10個值得一看的,很有前途的CSS框架。
-

Blueprint 包含了 CSS reset 以消除不同瀏覽器之間的差異。很多外部工具和模板都是以Blueprint為框架來創建Web開發的。
-

另一款很值得查看的非常出色的CSS框
架。該下載包含有Firework,Photoshop,Inkscape等等的模板。所以您可以馬上設計網頁模板。PSD的文件,已經準備好的配備指南
也為設計師們節省了不少時間(The PSD file that comes with guides ready save designers
a lot of time)。
-
經過測試,Tripoli 支持幾乎所有可用的瀏覽器,包括IE5! 它配備了一些基本文件和一些插件,如“Layout”, “Visual”, “Type”, 和 “Negative”.
-
YAML 是一個有著良好文檔,經得起考驗的CSS框架。您可以從官方網站上輕松地下載到PDF文檔及示例項目。這里有一些工具會幫助您開發。YAML 的使用者可以視覺上創建基于 YAML CSS 布局。/li>
-
YUI Grids CSS 支持像固定寬度布局那樣的流寬度布局。這是基于YUI Grids CSS 高級應用,區別于其它 CSS 框架。您可以通過從官方網站中下載快速參考表和YUI Grids生成來開始 YUI Grids CSS 應用。
-

BlueTrip 是一個功能齊全,非常漂亮的框架,它集合了其它CSS框架中優秀的一面。官方網站有一網站的文檔和樣品程序。
-

這是一種固定寬度的布局方式,zip文件中包含了幾種布局范例,如,一個欄目內容的垂直導航,2個欄目內容的垂直導航等等。
-

Elastic 提供說明性的語言來定義布局的結構和行為。這個框架很年輕,它演示的非常好的范例都來自官方網站本身。
-
Mollio 是在IE7暴露出一些渲染問題之后推出后的。對于網站布局而言這僅僅是個開始,非常設和CSS框架初學者使用。
-

SenCSS 不包括布局系統,但它確實提供了許多其他東西,如, baseline, fonts, paddings, margins 等等。它提供了注釋版及壓縮版方便生產使用。
一些您也可以考慮的 CSS 框架
- WYMstyle
- CSS-boilerplate
- Typogridphy
- CleverCSS
- Logicss
結論
選擇一個正確的 CSS 框架是最重要的一個步驟。我經常使用的是 Blueprint 和 960 框架,現在我已經開始嘗試這組合這兩個框架中的高級應用并創建一份適合我自己的框架。那么您呢,我親愛的讀者?