大多數(shù)網(wǎng)頁(yè)設(shè)計(jì)師應(yīng)該都聽到過(guò) “CSS 框架”, 并且我也相信之前你們肯定也有嘗試過(guò)。
就想其它程序和腳本語(yǔ)言那樣，CSS也會(huì)編寫不少重復(fù)的代碼，當(dāng)然這些也都可以打包在一起以減輕我們的日常工作。
當(dāng)適當(dāng)?shù)厥褂?a class="st_tag internal_tag" rel="tag" title="標(biāo)簽 CSS 下的日志">CSS框架的時(shí)候，或許會(huì)減少您開發(fā)的進(jìn)度。相反，如果您在項(xiàng)目中選擇了錯(cuò)誤的框架，那么就可能會(huì)耗費(fèi)額外的工作和時(shí)間。
通過(guò)Google搜索，您就可以簡(jiǎn)單地查找到很多 CSS 開源框架。現(xiàn)在，我要告訴您10個(gè)值得一看的，很有前途的CSS框架。
-
Blueprint 包含了 CSS reset 以消除不同瀏覽器之間的差異。很多外部工具和模板都是以Blueprint為框架來(lái)創(chuàng)建Web開發(fā)的。
-
另一款很值得查看的非常出色的CSS框
架。該下載包含有Firework，Photoshop，Inkscape等等的模板。所以您可以馬上設(shè)計(jì)網(wǎng)頁(yè)模板。PSD的文件，已經(jīng)準(zhǔn)備好的配備指南
也為設(shè)計(jì)師們節(jié)省了不少時(shí)間(The PSD file that comes with guides ready save designers
a lot of time)。
-
經(jīng)過(guò)測(cè)試，Tripoli 支持幾乎所有可用的瀏覽器，包括IE5! 它配備了一些基本文件和一些插件，如“Layout”, “Visual”, “Type”, 和 “Negative”.
-
YAML 是一個(gè)有著良好文檔，經(jīng)得起考驗(yàn)的CSS框架。您可以從官方網(wǎng)站上輕松地下載到PDF文檔及示例項(xiàng)目。這里有一些工具會(huì)幫助您開發(fā)。YAML 的使用者可以視覺(jué)上創(chuàng)建基于 YAML CSS 布局。/li>
-
YUI Grids CSS 支持像固定寬度布局那樣的流寬度布局。這是基于YUI Grids CSS 高級(jí)應(yīng)用，區(qū)別于其它 CSS 框架。您可以通過(guò)從官方網(wǎng)站中下載快速參考表和YUI Grids生成來(lái)開始 YUI Grids CSS 應(yīng)用。
-
BlueTrip 是一個(gè)功能齊全，非常漂亮的框架，它集合了其它CSS框架中優(yōu)秀的一面。官方網(wǎng)站有一網(wǎng)站的文檔和樣品程序。
-
這是一種固定寬度的布局方式，zip文件中包含了幾種布局范例，如，一個(gè)欄目?jī)?nèi)容的垂直導(dǎo)航，2個(gè)欄目?jī)?nèi)容的垂直導(dǎo)航等等。
-
Elastic 提供說(shuō)明性的語(yǔ)言來(lái)定義布局的結(jié)構(gòu)和行為。這個(gè)框架很年輕，它演示的非常好的范例都來(lái)自官方網(wǎng)站本身。
-
Mollio 是在IE7暴露出一些渲染問(wèn)題之后推出后的。對(duì)于網(wǎng)站布局而言這僅僅是個(gè)開始，非常設(shè)和CSS框架初學(xué)者使用。
-
SenCSS 不包括布局系統(tǒng)，但它確實(shí)提供了許多其他東西，如， baseline, fonts, paddings, margins 等等。它提供了注釋版及壓縮版方便生產(chǎn)使用。
一些您也可以考慮的 CSS 框架
- WYMstyle
- CSS-boilerplate
- Typogridphy
- CleverCSS
- Logicss
結(jié)論
選擇一個(gè)正確的 CSS 框架是最重要的一個(gè)步驟。我經(jīng)常使用的是 Blueprint 和 960 框架，現(xiàn)在我已經(jīng)開始嘗試這組合這兩個(gè)框架中的高級(jí)應(yīng)用并創(chuàng)建一份適合我自己的框架。那么您呢，我親愛(ài)的讀者？