利用 CSS 框架,可以簡化你的工作,提高工作效率。CSS 框架是一系列 CSS 文件的集合體,包含了基本的元素重置,頁面排版、網(wǎng)格布局、表單樣式、通用規(guī)則等代碼塊。下面給你推薦了27款優(yōu)秀的CSS框架,你可以選用。
960 像素的頁面寬度似乎成為了一種設(shè)計(jì)標(biāo)準(zhǔn),在當(dāng)前各種分辨率下,能夠很好地展現(xiàn)網(wǎng)頁內(nèi)容。提供較為常用的尺寸來簡化網(wǎng)頁設(shè)計(jì)過程,使工作簡單高效。
芒果曾經(jīng)介紹過由雅虎開發(fā)小組推出的 YUI,而這個(gè) YUI Grids CSS 正是其中的一部分。作為最著名的 CSS 框架之一,YUI Grids CSS 提供了四種預(yù)設(shè)頁面寬度,六種預(yù)設(shè)模板。其中的負(fù) Margin 技術(shù),使用度量單位 em,清除布局浮動(dòng)等技術(shù)非常值得學(xué)習(xí)和借鑒。
Blueprint 是一款成熟的 CSS 框架,它將布局 (layout)、排版 (typography)、組件 (widget)、重置 (reset)、打印 (print) 等分放到不同的 CSS 文件中。在網(wǎng)頁設(shè)計(jì)時(shí)就減少了引入的代碼,提高了頁面加載效率。
BlueTrip 是一個(gè)集成了BluePrint & Tripoli 框架的做好的部分;Hartija 的打印樣式; 960.gs的簡潔;Elements 圖標(biāo)的一個(gè)css框架。為你提供一個(gè)好用的樣式集合和一個(gè)制作網(wǎng)站的通用的方法。這樣你就可以集中精力搞設(shè)計(jì)了。
Elastic 是一個(gè)簡單的 CSS 框架用來對(duì)網(wǎng)頁進(jìn)行布局。Elastic 可實(shí)現(xiàn)各種各樣常見的網(wǎng)頁布局。
市面上流行的JQUERY組件功能都被納入其框架中,你只要直接使用這個(gè)框架,不用學(xué)習(xí)復(fù)雜的AJAX JQuery語法,非常方便。
EZ-CSS是一個(gè)輕量級(jí),瀏覽器友好,易于使用的CSS框架。用于創(chuàng)建CSS+Div的頁面復(fù)雜布局(layouts)。
Tripoli是一個(gè)用于HTML表現(xiàn)的通用css規(guī)范。通過重設(shè)和重建瀏覽器標(biāo)準(zhǔn),Tripoli 為你的網(wǎng)站項(xiàng)目提供了一個(gè)標(biāo)準(zhǔn)的、跨瀏覽器表現(xiàn)的基礎(chǔ)。
CleverCSS 是一個(gè)用于css的受Python啟發(fā)的小型的標(biāo)記語言,它可用于以整潔的和結(jié)構(gòu)化的方式創(chuàng)建一個(gè)樣式表。在很多方面它都比CSS2整潔和強(qiáng)大。與CSS最明顯的區(qū)別是句法:它基于縮進(jìn)而且不單調(diào)。雖然這顯然違反了Python的規(guī)則,它依然是組織樣式的很好的主意。
它為你CSS重復(fù)的部分提供了合理的樣式,這樣你就能更加關(guān)注于自己網(wǎng)站的樣式。SenCSs不像其他CSS框架那樣,它不包含各種雜亂的布局樣式或是預(yù)定義的柵格系統(tǒng),那SenCSs能剛什么呢?baseline, fonts, paddings, margins, tables, lists, headers, blockquotes, forms 等等都是SenCSs所能辦到的。
出處:博客園
責(zé)任編輯:bluehearts
上一頁 下一頁 介紹27款經(jīng)典的CSS框架 [2]
◎進(jìn)入論壇網(wǎng)頁制作、WEB標(biāo)準(zhǔn)化版塊參加討論,我還想發(fā)表評(píng)論。
|