CSS 框架是一系列 CSS 文件的集合體，包含了基本的元素重置，頁(yè)面排版、網(wǎng)格布局、表單樣式、通用規(guī)則等代碼塊。本文推薦了27款優(yōu)秀的CSS框架，可供選擇使用。利用 CSS 框架，可以簡(jiǎn)化網(wǎng)站設(shè)計(jì)，提高工作效率。
1. 960gs
960 像素的頁(yè)面寬度似乎成為了一種網(wǎng)站設(shè)計(jì)標(biāo)準(zhǔn)，在當(dāng)前各種分辨率下，能夠很好地展現(xiàn)網(wǎng)頁(yè)內(nèi)容。提供較為常用的尺寸來(lái)簡(jiǎn)化網(wǎng)頁(yè)設(shè)計(jì)過(guò)程，使工作簡(jiǎn)單高效。
2. YUI 2: Grids CSS
之前介紹過(guò)由雅虎開(kāi)發(fā)小組推出的 YUI，而這個(gè) YUI Grids CSS 正是其中的一部分。作為著名的 CSS 框架之一，YUI Grids CSS 提供了四種預(yù)設(shè)頁(yè)面寬度，六種預(yù)設(shè)模板。其中的負(fù) Margin 技術(shù)，使用度量單位 em，清除布局浮動(dòng)等技術(shù)非常值得學(xué)習(xí)和借鑒。
3. Blueprint
Blueprint 是一款成熟的 CSS 框架，它將布局 (layout)、排版 (typography)、組件 (widget)、重置 (reset)、打印 (print) 等分放到不同的 CSS 文件中。在網(wǎng)頁(yè)設(shè)計(jì)時(shí)就減少了引入的代碼，提高了頁(yè)面加載效率。
4. BlueTrip
BlueTrip 是一個(gè)集成了BluePrint & Tripoli 框架的做好的部分;Hartija 的打印樣式; 960.gs的簡(jiǎn)潔;Elements 圖標(biāo)的一個(gè)css框架。為你提供一個(gè)好用的樣式集合和一個(gè)制作網(wǎng)站的通用的方法。這樣你就可以集中精力搞設(shè)計(jì)了。
5. Elastic CSS
Elastic 是一個(gè)簡(jiǎn)單的 CSS 框架用來(lái)對(duì)網(wǎng)頁(yè)進(jìn)行布局。Elastic 可實(shí)現(xiàn)各種各樣常見(jiàn)的網(wǎng)頁(yè)布局。
6. Easy
市面上流行的JQUERY組件功能都被納入其框架中，你只要直接使用這個(gè)框架，不用學(xué)習(xí)復(fù)雜的AJAX JQuery語(yǔ)法，非常方便。
7. EZ-CSS
EZ-CSS是一個(gè)輕量級(jí)，瀏覽器友好，易于使用的CSS框架。用于創(chuàng)建CSS+Div的頁(yè)面復(fù)雜布局(layouts)。
8. Tripoli
Tripoli是一個(gè)用于HTML表現(xiàn)的通用css規(guī)范。通過(guò)重設(shè)和重建瀏覽器標(biāo)準(zhǔn)，Tripoli 為你的網(wǎng)站項(xiàng)目提供了一個(gè)標(biāo)準(zhǔn)的、跨瀏覽器表現(xiàn)的基礎(chǔ)。
9. CleverCSS
CleverCSS 是一個(gè)用于css的受Python啟發(fā)的小型的標(biāo)記語(yǔ)言，它可用于以整潔的和結(jié)構(gòu)化的方式創(chuàng)建一個(gè)樣式表。在很多方面它都比CSS2整潔和強(qiáng)大。與CSS明顯的區(qū)別是句法：它基于縮進(jìn)而且不單調(diào)。雖然這顯然違反了Python的規(guī)則，它依然是組織樣式的很好的主意。
10. SenCSS
它為你CSS重復(fù)的部分提供了合理的樣式，這樣你就能更加關(guān)注于自己網(wǎng)站的樣式。SenCSs不像其他CSS框架那樣，它不包含各種雜亂的布局樣式或是預(yù)定義的柵格系統(tǒng)，那SenCSs能剛什么呢?baseline, fonts, paddings, margins, tables, lists, headers, blockquotes, forms 等等都是SenCSs所能辦到的。
11. Emastic
Emastic 是一個(gè)CSS框架，它有連續(xù)的任務(wù)：探索陌生的新世界，尋找新生活和新的網(wǎng)站空間，大膽的去CSS框架尚未到達(dá)的領(lǐng)域。它是輕量的、在頁(yè)面寬度上比較人性化，在網(wǎng)格中使用固定和不固定的列寬。 Elastic 用“em”布局。
12. Typogridphy
Typogridphy是一個(gè)適合網(wǎng)格布局的CSS框架，用來(lái)幫助網(wǎng)頁(yè)設(shè)計(jì)師和前端開(kāi)發(fā)者能夠快速編碼實(shí)現(xiàn)漂亮的網(wǎng)格布局。它可以讓你快速創(chuàng)建出各種各樣的網(wǎng)格布局，并且非常輕松和簡(jiǎn)單。這個(gè)框架的CSS充分符合語(yǔ)義驗(yàn)度，嚴(yán)格的Xhtml等標(biāo)準(zhǔn)。
13. Less Framework 3
它是一個(gè)以less.js為基礎(chǔ)的CSS框架，它充分利用它的混入，變量和筑巢等高級(jí)功能。
14. Elements
是一個(gè)非常輕量級(jí)的css框架，從它的代碼組織結(jié)構(gòu)來(lái)看作者顯然是希望真?zhèn)€project能夠全部部署在它這個(gè)css的framework中。
15. Boilerplate
它是一個(gè)HTML/CSS/JS的預(yù)設(shè)模版，它可以幫助你建設(shè)一個(gè)支持HTML5-CSS3，跨瀏覽器的網(wǎng)站。
16. Malo
一個(gè)超小的、靈活的、易用的、寬度可以變化的個(gè)性化頁(yè)面。
17. The 1kb CSS Grid
如果你僅僅需要一個(gè)輕量級(jí)的 CSS 網(wǎng)格系統(tǒng)，來(lái)構(gòu)建你網(wǎng)站的主框架，那么你可以嘗試下 1Kb CSS Grid。1KB CSS Grid 網(wǎng)站上提供了一個(gè)生成器用來(lái)定制 CSS 網(wǎng)格，并且可以直接下載定制好的 CSS 網(wǎng)格。
18. Fluid Grid System
一個(gè)網(wǎng)站的導(dǎo)航菜單文字不能提供足夠的信息，來(lái)表達(dá)當(dāng)前菜單按鈕的內(nèi)容，一般的解決辦法是使用提示信息ToolTip，那么流動(dòng)導(dǎo)航菜單也可以解決此問(wèn)題，同時(shí)也為網(wǎng)站設(shè)計(jì)的添加了一些時(shí)尚而又動(dòng)感元素。
19. Content with Style
Content with Style下一個(gè)邏輯步驟就是將這個(gè)擴(kuò)展為CSS框架，允許使用寫(xiě)好并通過(guò)測(cè)試的組件來(lái)快速開(kāi)發(fā)網(wǎng)站。實(shí)際上所需的是搞定一套命名習(xí)慣和一個(gè)靈活的基本模板。
20. WYMstyle
WYMstyle是一組CSS文件，你可以很容易的組合這些文件來(lái)快速的創(chuàng)建你的網(wǎng)站的布局。通過(guò)提供可靠的、經(jīng)過(guò)良好測(cè)試的CSS模塊，WYMstyle 力求讓每個(gè)網(wǎng)站防止枯燥的跨瀏覽器兼容性測(cè)試。
21. The Golden Grid
是vladocar開(kāi)發(fā)的一款比較新的CSS框架，可以為現(xiàn)代網(wǎng)站設(shè)計(jì)提供一個(gè)全新的布局參考。它非常小巧，所以很容易學(xué)習(xí)上手。其中的某些處理布局的方法是很值得借鑒的。如果你了解960網(wǎng)格系統(tǒng)，那么這個(gè)框架，你會(huì)更加容易使用。
22. Yet Another Multicolumn Layout (YAML)
YAML是一個(gè) (X)HTML/CSS 框架，它為了滿足彈性的和用戶友好的布局而開(kāi)發(fā)的。YAML自2007年出現(xiàn)以來(lái)就提供了廣而全的文檔。像許多其他的CSS-Framework如Blueprint CSS 或 YUI Grids 一樣，提供了一個(gè)預(yù)定義的 CSS-classes 系統(tǒng)，用來(lái)創(chuàng)建基于網(wǎng)格的布局。要?jiǎng)?chuàng)建一個(gè)布局，設(shè)計(jì)師需要?jiǎng)?chuàng)建網(wǎng)站 HTML 結(jié)構(gòu)，然后為容器(html標(biāo)簽)書(shū)寫(xiě)CSS，剩下的就自理了。
23. Compass
Compass是一種樣式的創(chuàng)作的框架,使你的樣式表和標(biāo)示容易建立和維護(hù)。寫(xiě)自己的樣式用sass而非原來(lái)的是css,利用Sass中的Mixins和Compass結(jié)合,你可以應(yīng)用樣式框架如Blueprint來(lái)代替你自己的樣式標(biāo)記.Compass基于sass,可以利用css框架比如Blueprint,非常的便捷.
24. Schema Web Design Framework
Schema 是一個(gè)為了提供在重復(fù)的設(shè)計(jì)任務(wù)中必須的CSS和HTML標(biāo)簽而設(shè)計(jì)的表現(xiàn)層的網(wǎng)頁(yè)框架設(shè)計(jì)。 與為每一個(gè)新的網(wǎng)站項(xiàng)目從零開(kāi)始創(chuàng)建HTMl/CSS不同，Schema提供必要的基礎(chǔ)來(lái)開(kāi)始并立馬讓你的設(shè)計(jì)跑起來(lái)。
25. Sparkl
它是一個(gè)很成熟的系統(tǒng)，它小巧靈活、易學(xué)易用。
26. The jQuery UI CSS Framework
它是一套基于jquery構(gòu)建具有皮膚更換功能的UI控件和鼠標(biāo)交互組件。用于幫助開(kāi)發(fā)人員構(gòu)建具有良好用戶體驗(yàn)的Web應(yīng)用程序。提供了一個(gè)強(qiáng)大的CSS Framework，為用戶定義使用jQuery widgets。其中的ThemeRoller更是讓你隨心所欲地操作設(shè)計(jì)不同風(fēng)格的網(wǎng)頁(yè)界面。
27. 52framework
它是一個(gè)Web開(kāi)發(fā)框架，它能實(shí)現(xiàn)HTML5和CSS3。它是一個(gè)跨瀏覽器的框架，可以在所有主流的瀏覽器上運(yùn)行，包括IE6。主要是采用一個(gè)HTML5 enabling JavaScript file文件來(lái)實(shí)現(xiàn)。
網(wǎng)頁(yè)設(shè)計(jì)
企業(yè)網(wǎng)站建設(shè)一條龍
找零度飛易網(wǎng)絡(luò)公司-fslingdu所做php
網(wǎng)站建設(shè)方案、
網(wǎng)站設(shè)計(jì)、
網(wǎng)站制作由
北京上海深圳龍崗衢州蘭州常州東營(yíng)南通濟(jì)寧桂林淮安煙臺(tái)長(zhǎng)春無(wú)錫天津昆山蘇州合肥貴洛陽(yáng)昆明天津唐山泉州惠州萬(wàn)州新鄉(xiāng)商丘臺(tái)州哈爾濱太原攝影?？?/strong>隨州學(xué)校商丘廣東湖南廣西江西海南廣州企業(yè)中小企業(yè)武漢南山羅湖福田虎門肇慶汕尾汕頭廣州佛山成都杭州濟(jì)南重慶福州西安廈門昆山沈陽(yáng)青島徐州鄭州南京寧南寧長(zhǎng)沙大連淄博石家莊南昌溫州珠海番禺順德南三水高明中山東莞合肥江門嘉興西寧大良容桂倫教勒流陳村均安杏壇龍江樂(lè)從北滘祖廟石灣南莊等地區(qū)企業(yè)網(wǎng)站建設(shè)(廣告)公司提供專業(yè)做網(wǎng)站價(jià)格規(guī)劃書(shū)及營(yíng)銷型網(wǎng)站制作,網(wǎng)站建設(shè)基礎(chǔ)知識(shí)
零度飛易是一家專業(yè)網(wǎng)站設(shè)計(jì),網(wǎng)站制作、seo優(yōu)化,網(wǎng)站推廣,網(wǎng)站建設(shè)的佛山網(wǎng)絡(luò)運(yùn)營(yíng)公司。零度飛易在