Sealyu

大多數(shù)網(wǎng)頁設(shè)計師應(yīng)該都聽到過 “CSS 框架”, 并且我也相信之前你們肯定也有嘗試過。

就想其它程序和腳本語言那樣，CSS也會編寫不少重復(fù)的代碼，當(dāng)然這些也都可以打包在一起以減輕我們的日常工作。

當(dāng)適當(dāng)?shù)厥褂?a class="st_tag internal_tag" rel="tag" title="標簽 CSS 下的日志">CSS框架的時候，或許會減少您開發(fā)的進度。相反，如果您在項目中選擇了錯誤的框架，那么就可能會耗費額外的工作和時間。

通過Google搜索，您就可以簡單地查找到很多 CSS 開源框架。現(xiàn)在，我要告訴您10個值得一看的，很有前途的CSS框架。

1. Blueprint: 一款 CSS 框架

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

2. 960 Grid System

   
   另一款很值得查看的非常出色的CSS框 架。該下載包含有Firework，Photoshop，Inkscape等等的模板。所以您可以馬上設(shè)計網(wǎng)頁模板。PSD的文件，已經(jīng)準備好的配備指南 也為設(shè)計師們節(jié)省了不少時間(The PSD file that comes with guides ready save designers a lot of time)。

3. Tripoli 框架

   經(jīng)過測試，Tripoli 支持幾乎所有可用的瀏覽器，包括IE5! 它配備了一些基本文件和一些插件，如“Layout”, “Visual”, “Type”, 和 “Negative”.

4. YAML – 另一個多列布局

   YAML 是一個有著良好文檔，經(jīng)得起考驗的CSS框架。您可以從官方網(wǎng)站上輕松地下載到PDF文檔及示例項目。這里有一些工具會幫助您開發(fā)。YAML 的使用者可以視覺上創(chuàng)建基于 YAML CSS 布局。/li>

5. YUI Grid CSS

   YUI Grids CSS 支持像固定寬度布局那樣的流寬度布局。這是基于YUI Grids CSS 高級應(yīng)用，區(qū)別于其它 CSS 框架。您可以通過從官方網(wǎng)站中下載快速參考表和YUI Grids生成來開始 YUI Grids CSS 應(yīng)用。

6. BlueTrip

   
   BlueTrip 是一個功能齊全，非常漂亮的框架，它集合了其它CSS框架中優(yōu)秀的一面。官方網(wǎng)站有一網(wǎng)站的文檔和樣品程序。

7. Content With Style

   
   這是一種固定寬度的布局方式，zip文件中包含了幾種布局范例，如，一個欄目內(nèi)容的垂直導(dǎo)航，2個欄目內(nèi)容的垂直導(dǎo)航等等。

8. Elastic CSS Framework

   
   Elastic 提供說明性的語言來定義布局的結(jié)構(gòu)和行為。這個框架很年輕，它演示的非常好的范例都來自官方網(wǎng)站本身。

9. Molio CSS/HTML Templates

   Mollio 是在IE7暴露出一些渲染問題之后推出后的。對于網(wǎng)站布局而言這僅僅是個開始，非常設(shè)和CSS框架初學(xué)者使用。

10. SenCSS

    
    SenCSS 不包括布局系統(tǒng)，但它確實提供了許多其他東西，如， baseline, fonts, paddings, margins 等等。它提供了注釋版及壓縮版方便生產(chǎn)使用。

一些您也可以考慮的 CSS 框架

1. WYMstyle
2. CSS-boilerplate
3. Typogridphy
4. CleverCSS
5. Logicss

結(jié)論

選擇一個正確的 CSS 框架是最重要的一個步驟。我經(jīng)常使用的是 Blueprint 和 960 框架，現(xiàn)在我已經(jīng)開始嘗試這組合這兩個框架中的高級應(yīng)用并創(chuàng)建一份適合我自己的框架。那么您呢，我親愛的讀者？