CSS框架中的11羅漢

博聞

網(wǎng)站設(shè)計(jì)和開發(fā)的領(lǐng)域已經(jīng)發(fā)展成為一個(gè)真正的虛擬競(jìng)技場(chǎng)。網(wǎng)站上只包含一些靜態(tài)的在線應(yīng)用是遠(yuǎn)遠(yuǎn)不夠的，要保證生存，上面必須含有多種多樣的功能和讓人不可抗拒的設(shè)計(jì)。程序編譯必須更加貼近用戶需求，以保證網(wǎng)站能夠滿足更多的用戶。此外，在可行的范圍內(nèi)，都需要進(jìn)一步的補(bǔ)充和完善網(wǎng)頁(yè)設(shè)計(jì)，以便提供更多最流行的功能。

CSS框架為網(wǎng)站設(shè)計(jì)者和開發(fā)者提供高端解決方案，是能夠滿足網(wǎng)站發(fā)展所需的最佳工具之一。CSS框架能簡(jiǎn)化編碼結(jié)構(gòu)，減少編碼時(shí)間，從而為開發(fā)者提供方便的體驗(yàn)。

CSS框架究竟是什么？

PSD-CSS轉(zhuǎn)換服務(wù)的活躍是網(wǎng)站蓬勃發(fā)展背后很基本的原因之一。 CSS是層疊樣式表語(yǔ)言的縮寫，它能讓網(wǎng)站變得更有吸引力。 CSS會(huì)考慮人的心理和表達(dá)，旨在精心組織數(shù)據(jù)，使用戶在訪問網(wǎng)站時(shí)都能全神貫注。

CSS在一些方面極具靈活性，如開發(fā)人員分離標(biāo)記內(nèi)容，PSD與HTML或XHTML之間的轉(zhuǎn)換，以及描繪網(wǎng)頁(yè)布局、內(nèi)容、字體和設(shè)計(jì)風(fēng)格等方面。CSS另一個(gè)突出的特點(diǎn)是CSS框架，該框架之前存在于函數(shù)庫(kù)，與其他元素分離，被稱為CSS擴(kuò)展。特點(diǎn)是允許開發(fā)者調(diào)用一個(gè)特定的代碼，這樣他們便不必重復(fù)的編寫整個(gè)代碼，從而節(jié)省了大量的時(shí)間來(lái)專注于網(wǎng)站的戰(zhàn)略設(shè)計(jì)，設(shè)計(jì)出更具有視覺沖擊的應(yīng)用。另外，編碼的簡(jiǎn)化能直接減少網(wǎng)頁(yè)加載時(shí)間，從而更快的加載于瀏覽器。在網(wǎng)站開發(fā)初期，使用CSS框架替代毫無(wú)目的的編程絕對(duì)是一個(gè)明智的選擇。你可以做一個(gè)默認(rèn)的樣式表，并為自己標(biāo)記一個(gè)模板，在每次網(wǎng)頁(yè)設(shè)計(jì)之初時(shí)使用。由于框架中會(huì)包含最基本的程序，使得開發(fā)者將精力和技巧集中于網(wǎng)頁(yè)的細(xì)節(jié)和獨(dú)特性設(shè)計(jì)上。

11種最流行的CSS框架

1. Blueprint

功能強(qiáng)大的CSS框架——Blueprint，是由挪威科技大學(xué)一位名叫Olav Frihagen Bj?rk?y的學(xué)生開發(fā)的。使用層疊樣式表語(yǔ)言，為開發(fā)排版網(wǎng)絡(luò)提供了一個(gè)堅(jiān)實(shí)的平臺(tái)。它旨在幫助開發(fā)者減少開發(fā)時(shí)間。同時(shí)能在開發(fā)者基于帶寬大小設(shè)計(jì)網(wǎng)頁(yè)框架時(shí)提供很好的方里網(wǎng)生成體驗(yàn)。

此外，它還為開發(fā)者提供了自定義樣式表，從而整合按鈕，字體，板式等完整的專業(yè)設(shè)計(jì)中的元素，樣式表也利于印刷。最后，藍(lán)圖最重要的優(yōu)勢(shì)之一是，它可以執(zhí)行瀏覽器默認(rèn)樣式的質(zhì)量復(fù)位。

2. Yahoo！ UI Library CSS Foundation

Yahoo！ UI Library CSS Foundation是由JavaScript和CSS開發(fā)，是一個(gè)通過(guò)提供如DOM腳本，AJAX和DHTML等高端技術(shù)幫助程序員開發(fā)快速響應(yīng)的交互式應(yīng)用程序的工具和控制裝置。獲得BSD許可后即可免費(fèi)試用UI庫(kù)。

UI庫(kù)是由雅虎有限公司來(lái)自全世界的高端程序員精心策劃的。它也在為網(wǎng)絡(luò)應(yīng)用提供堅(jiān)實(shí)基礎(chǔ)的同時(shí)增加其擴(kuò)展性和敏捷性方面有突出表現(xiàn)。如果你習(xí)慣使用JavaScript，那么該框架也許是你最好最強(qiáng)大的選擇。

3. The Yet Another Multicolumn Layout – YAML

The Yet Another Multicolumn Layout與如今各種時(shí)興的網(wǎng)絡(luò)瀏覽器兼容。此外，YAML為開發(fā)者提供了一個(gè)調(diào)試樣式表和打印樣式表。 其另一個(gè)優(yōu)勢(shì)是提供了詳細(xì)的文檔，并使用兩種語(yǔ)言--英語(yǔ)和德語(yǔ)--來(lái)舉例。

開發(fā)者能使用一個(gè)叫做YAML Builder的有效編輯器網(wǎng)頁(yè)通過(guò)瀏覽器開發(fā)CSS布局，該編輯器基于“看到變能得到”這一基礎(chǔ)，將各種具有創(chuàng)造性的元素整合入框架中。

4. 960GS

960GS提供了一個(gè)960像素布局寬度的公共平臺(tái)，它能提供12列和16列這兩種可以共同或分開使用的不同的封裝選擇。它還通過(guò)整理一些有用的模板和圖表，為網(wǎng)頁(yè)開發(fā)提供堅(jiān)實(shí)的后臺(tái)支持，同時(shí)也是一個(gè)覆蓋工具。

5. Fluid 960GS

Fluid 960GS是將Nathan Smith的工作成果和960網(wǎng)格系統(tǒng)相結(jié)合的成果。

6. Elastic CSS

在CSS框架方案中，該框架實(shí)際上起調(diào)節(jié)的作用。就和橡皮圈一樣，可以通過(guò)伸展為布局范圍的拓展，包括固定的，流暢的和彈性的布局提供有力的支持。你可以不必局限于你所想要為網(wǎng)頁(yè)應(yīng)用設(shè)計(jì)的布局，只用瀏覽該框架中各種排列組合直到找到最合適的選擇。

唯一美中不足的是開發(fā)者必須使用 JavaScript。

使用該語(yǔ)言可以做出高質(zhì)量的美觀設(shè)計(jì)，但如果開發(fā)者不精于 JavaScript，也會(huì)使開發(fā)工作變得復(fù)雜。

7. The jQuery UI CSS Framework

CSS框架是專門基于jQuery為開發(fā)定制化的小部件而設(shè)計(jì)的。其中包括的所有用戶需求的接口。如果開發(fā)者使用這個(gè)框架，那么他們可以輕易的整合插件和網(wǎng)頁(yè)代碼，利用共享的標(biāo)記代碼。jQuery可以幫助開發(fā)者在一個(gè)給定的時(shí)間內(nèi)設(shè)計(jì)和選擇許多按鈕。

8. SenCSs

SenCSs的全名——合格標(biāo)準(zhǔn)CSS，揭示了其含義，這也是CSS框架所要實(shí)現(xiàn)的目的。它能讓開發(fā)者合理設(shè)計(jì)CSS中的所有間歇（即重復(fù)）部分，從而節(jié)省大量時(shí)間來(lái)解決網(wǎng)絡(luò)開發(fā)相關(guān)的其他重要問題。

9. Typogridphy

該框架基于960網(wǎng)格系統(tǒng)，可以幫助開發(fā)者創(chuàng)造出具有高度動(dòng)態(tài)和多變性的網(wǎng)格布局。 Typogridphy 是印刷和網(wǎng)格布局的CSS框架，能給網(wǎng)站設(shè)計(jì)和開發(fā)者設(shè)計(jì)功能強(qiáng)大，視覺美觀的網(wǎng)格布局提供極限范圍。

10. Tripoli

Tripoli更像描述HTML元素的CSS標(biāo)準(zhǔn)。Tripoli 為不修改任何編碼的排印，開發(fā)動(dòng)畫布局提供穩(wěn)健的描繪引擎和堅(jiān)實(shí)的基礎(chǔ)。它可以重置默認(rèn)瀏覽器，安靜的工作，是一款成熟的CSS標(biāo)準(zhǔn)。

11. BlueTrip CSS Framework

這是一個(gè)名副其實(shí)的CSS框架，能為開發(fā)者提供三種可能是最好的框架綜合體——960GS， Blueprint和Tripoli。

為什么要選擇CSS框架

CSS框架是開發(fā)網(wǎng)站的一個(gè)聰明的方法，通過(guò)提供網(wǎng)站開發(fā)的堅(jiān)實(shí)基礎(chǔ)，是程序員免于混亂的開始。如果所有項(xiàng)目都有默認(rèn)的CSS編碼，那么程序員將不必檢查每一頁(yè)網(wǎng)頁(yè)的源代碼。詳細(xì)的CSS框架可以保證開發(fā)的效果，同時(shí)節(jié)省大量時(shí)間。為網(wǎng)站補(bǔ)充極有用的特征和功能，為開發(fā)者做出優(yōu)秀設(shè)計(jì)提供足夠的空間和靈活性。（編輯：楊磊）