網(wǎng)頁設(shè)計和發(fā)展領(lǐng)域已經(jīng)成為競爭激烈的虛擬世界。想要在網(wǎng)絡(luò)的虛擬世界中生存，僅有一堆靜止的在線網(wǎng)絡(luò)應(yīng)用是遠(yuǎn)遠(yuǎn)不夠的，網(wǎng)頁必須要有很多功能，配以讓人無法抗拒的設(shè)計。網(wǎng)頁編碼一定要合適、精確，才能保證不發(fā)生錯誤，使網(wǎng)頁能在瀏覽器上輕松加載出來。此外，還要在網(wǎng)頁設(shè)計中留出足夠的空間以充許日后的功能增加和改善，這樣做才能讓更多與時俱進(jìn)的特征能加入到網(wǎng)頁設(shè)計中。
網(wǎng)頁設(shè)計員和研發(fā)者可用的最好工具之一便是CSS框架，它提供高端解決方案來適應(yīng)高端網(wǎng)頁研發(fā)需求。CSS框架減化了編碼結(jié)構(gòu)、減少了編碼時間，為研發(fā)者帶來網(wǎng)頁設(shè)計的便捷性。
CSS框架倒底代表什么呢？
在網(wǎng)站繁榮的背后，一個非?；镜脑蚴腔钴S的PSD和CSS轉(zhuǎn)換服務(wù)的存在。CSS是層疊樣式表語言（Cascading StyleSheet Language）的英文首字母拼寫，它能使你的網(wǎng)站漂亮地展現(xiàn)出來。CSS應(yīng)用人類心理學(xué)和表示語義學(xué)，詳細(xì)地組織數(shù)據(jù)，從而使得用戶在瀏覽你的網(wǎng)站時不會失去興趣。
CSS給予研發(fā)人員在編碼上極大的靈活性，它分離了標(biāo)記內(nèi)容，例如從PSD到HTML或XHTML的轉(zhuǎn)換，以及表示內(nèi)容，這些標(biāo)記內(nèi)容描述了頁面布局、內(nèi)容展現(xiàn)、字體和風(fēng)格等等。CSS另一個便捷特征則是CSS框架。CSS框架是先前備制的元素，存在于網(wǎng)絡(luò)數(shù)據(jù)庫中。其擴展名為.css，可以使研發(fā)者們回憶起某一特定編碼。因此，研發(fā)者們不必一遍又遍地重寫全部的編碼，這樣也就省下了大把的時間。由于去除了編碼中的重復(fù)步驟，使得研發(fā)者們有足夠空間把精力集中在重要的地方，制作出視覺上更另人震撼的網(wǎng)絡(luò)應(yīng)用。此外，減縮的編碼直接隱藏于網(wǎng)頁加載中，使得網(wǎng)頁在瀏覽器上能快速地加載出來。
使用CSS框架是明智的選擇，你不用每次做網(wǎng)頁研發(fā)時再從零開始了。你可以做一份默認(rèn)風(fēng)格表和標(biāo)記模版，在每次做網(wǎng)頁研發(fā)時都可以用到。這些基本內(nèi)容在框架中都有了，你可以把所有的力氣和技術(shù)用設(shè)計的細(xì)節(jié)和獨特性上了。
11種最流行的CSS框架
1、藍(lán)圖（Blueprint）
一個叫做OlavFrihagenBj?rk?y的挪威理工學(xué)生是藍(lán)圖（最強大的CSS框架之一）研發(fā)背后的原因。藍(lán)圖提供穩(wěn)固的平臺以使用層疊樣式表語言和開發(fā)排版網(wǎng)格。CSS框架的設(shè)計目的是為你節(jié)省大量CSS研發(fā)的時間。藍(lán)圖提供了非常好用的網(wǎng)格發(fā)生器，借此用你可基于寬度尺寸的選擇打造框架。此外，藍(lán)圖還提供定制風(fēng)格表，使你可以把按鍵和排版、完整專業(yè)設(shè)計表格、和用于打印目的簡便易用的風(fēng)格表組合到一起。最后，藍(lán)圖最重要的優(yōu)勢之一是它可以執(zhí)行你的瀏覽器默認(rèn)風(fēng)格的批量重設(shè)。
2、雅虎UI數(shù)據(jù)庫CSS基礎(chǔ)
雅虎UI數(shù)據(jù)庫由JavaScript和CSS大力支持，通過提供如DOM腳本語言、AJAX和DHTML的高端技術(shù)，編匯了能夠使你研發(fā)出高度響應(yīng)和互動的網(wǎng)絡(luò)應(yīng)用的工具和控制器。雅虎UI數(shù)據(jù)庫可以免費使用，也可以在BSD協(xié)議下使用。
雅虎UI由雅虎公司的前端工程師和全球的參與者們細(xì)心打造。它可以為提升你的網(wǎng)絡(luò)應(yīng)用的可擴展性并為其增速，同時提供夯實的基礎(chǔ)，這一點已久經(jīng)考驗。如果你覺得用JavaScript比較舒服的話，那么它就是你最好最有效的解決方案了。
3、另一個多欄布局–YAML
另一個多欄布局是DirkJesse先生勤奮努力換來的結(jié)果，他是YAML的研發(fā)者。DirkJesse先生對網(wǎng)頁標(biāo)準(zhǔn)有準(zhǔn)確的理解，他使得YAML與當(dāng)下使用的多個相關(guān)網(wǎng)頁瀏覽器兼容。還有，YAML為你提供了除錯樣式表和打印樣式表。YAML的另一個優(yōu)勢特征為，它提供詳細(xì)的文件編制，并用兩種語言提供活范例–英語和德語。此外，YAML還能使你在你的網(wǎng)頁瀏覽器內(nèi)研發(fā)CSS布局，其方法是通過一個叫做YAMLBuilder的有效編輯器，這款編輯器以“所見即所得”（WSYIWYG）的方式工作，且接著就會把不同有創(chuàng)意的設(shè)計元素融入到你的框架中去。
4、960GS
960網(wǎng)格系統(tǒng)的誕生只有一個目的，就是通過提供一個普遍的960像素布局寬度平臺，使得與研發(fā)網(wǎng)站相關(guān)的工作程流程更加順暢。960網(wǎng)格系統(tǒng)提供了12和16的兩個不同包供選擇，可以一起使用，也可分開使用。此系統(tǒng)把幾個實用的模版和圖表整合到了一起，為你提供了穩(wěn)健的背景支持，也提供了一個透視圖工具。
5、流體960GS
有著極大優(yōu)勢的流體960網(wǎng)格系統(tǒng)是NathanSmith和他的原創(chuàng)960網(wǎng)格系統(tǒng)的結(jié)合體。
6、彈性CSS
這種CSS框架實際上是在CSS框架方案中的“松緊帶”。它就像一條松緊帶一樣，能夠伸縮自如，提供穩(wěn)健的支持，允許要非常廣泛的范圍內(nèi)操作，包括固定的、流動的和彈性的布局。不用折衷你想要的網(wǎng)絡(luò)應(yīng)用布局，僅僅通過在彈性CSS框架上運行數(shù)組排列和結(jié)合，直到得到了你想要的布局。彈性CSS框架唯一的美中不足便是它需要使用JavaScript。JavaScript能提供高質(zhì)量和美學(xué)設(shè)計，但對不懂JavaScript的人來說，這可是個負(fù)擔(dān)。
7、jQueryUICSS框架
這款CSS框架是為了研發(fā)以jQuery為基礎(chǔ)的定制小工具而設(shè)計。這個CSS框架包含的類別涵蓋了所有必要的用戶介面的大多數(shù)。如果你使用jQuieryUICSS框架，那么你將能夠輕松地把相關(guān)插件融入到網(wǎng)站編碼中，且能夠使用共享的傳統(tǒng)標(biāo)記編碼。如果你選擇jQuery，那么你就可以創(chuàng)建按鈕，并在單個給定時間內(nèi)選擇多個按鈕。
8、SenCSs
SenCSs的全名將揭示其含義–合理標(biāo)準(zhǔn)CSS（ensibleStandardsCSS），這是這款CSS的任務(wù)。它能讓你合理地為所有CSS中的間歇（也就是重復(fù)）部分設(shè)計式樣，因此可省出大把時間用手攻克其他網(wǎng)站研發(fā)的重要問題。
9、Typogridphy
這款CSS框架乃是基于960網(wǎng)格系統(tǒng)而成，它可以讓你創(chuàng)造出極為動感和多變的網(wǎng)格布局。Typogridphy是一個印刷和網(wǎng)格布局CSS框架，給網(wǎng)站設(shè)計員和研發(fā)員提供極限的范圍，使他們快速地給有極強功能和美觀的網(wǎng)格布局編碼。
10、Tripoli
Tripoli不能算作是一款CSS框架，而更應(yīng)說是描述HTML元素的CSS標(biāo)準(zhǔn)。Tripoli為研發(fā)動畫布局提供穩(wěn)健的繪制引擎，而不會改變編碼的排印。它是非常成熟的CSS標(biāo)準(zhǔn)，可以重置默認(rèn)瀏覽器，并靜靜地工作。
11、BlueTripCSS框架
這款CSS框架名副其實，提供了三種可能是最好的框架的綜合體，即960GS,Blueprint和Tripoli。
為什么要挑選CSS框架
在這個年代，僅僅是努力工作已不夠了，要成功的必要條件是要聰明地工作，不只是努力。CSS框架就可以讓你實現(xiàn)聰明地工作。這是研發(fā)網(wǎng)站聰明的方式。它通過提供強健的研發(fā)網(wǎng)站基礎(chǔ)，使研發(fā)人員免于所有的焦慮和沮喪，不用再從頭開始。
此外，網(wǎng)站研發(fā)過程可謂相當(dāng)無枯燥和費時，研發(fā)員可能在重復(fù)的編碼中出錯。CSS框架可以避免這種情況發(fā)生。如果你所有項目都有默認(rèn)的CSS編碼，那么你不便不用檢查網(wǎng)站每一頁的源碼了。一個詳細(xì)的CSS框架保證了研發(fā)過程的工作流的果實，并節(jié)省了大量時間，避免了研發(fā)團(tuán)隊內(nèi)部的誤解和交流不暢。
正如你已在上文看到的內(nèi)容，大多數(shù)CSS框架已經(jīng)做到了跨瀏覽器兼容，所以你不必?fù)?dān)心你的網(wǎng)站的兼容性。
最后，真的沒有什么理由不推建使用CSS框架了。它節(jié)省你寶貴的時間，以極有利的特征和功能補充網(wǎng)站，并給予研發(fā)人員足夠的空間和靈活度來作出最好的設(shè)計。
來源：http://article.yeeyan.org/view/371930/367072
-
廣告合作
-
QQ群號：4114653
