摘要:CSS框架通常是指CSS文件的集合，包括網(wǎng)頁的基本布局、表單樣式、網(wǎng)格或簡(jiǎn)單結(jié)構(gòu)、樣式重置等。本文將介紹國(guó)外最流行的15個(gè)CSS框架，希望對(duì)你有所幫助。

CSS框架通常指的是CSS文件的集合，包括基本布局、表單樣式、網(wǎng)格或簡(jiǎn)單結(jié)構(gòu)，以及網(wǎng)頁的樣式重置。比如排版，css是基本的排版規(guī)則，grid.css是基于網(wǎng)格的排版，layout.css是常見的排版，包括form.css for是表單樣式等。本文將介紹國(guó)外最流行的15個(gè)CSS框架，僅供參考。

CSS框架雖然不一定適用于小型Web開發(fā)項(xiàng)目，但CSS框架不僅可以加快大型團(tuán)隊(duì)開發(fā)項(xiàng)目的設(shè)計(jì)開發(fā)速度，還可以有效解決網(wǎng)站改版帶來的諸多麻煩和問題。

1.元素

元素是一個(gè)實(shí)用的CSS框架。它是為了幫助設(shè)計(jì)師更快更高效地編寫CSS而構(gòu)建的。元素已經(jīng)不僅僅是一個(gè)框架，它有自己的項(xiàng)目工作流程。它擁有完成項(xiàng)目所需的一切，這也讓你和你的訪問者感到快樂。

2 .YUI網(wǎng)格公司

德克杰西強(qiáng)大的(X)HTML/CSS框架為很多簡(jiǎn)單或者比較復(fù)雜的網(wǎng)站項(xiàng)目提供了一個(gè)完整的默認(rèn)模板包。YAML基于網(wǎng)絡(luò)標(biāo)準(zhǔn)，支持所有現(xiàn)代瀏覽器?；ヂ?lián)網(wǎng)瀏覽器的所有主要渲染漏洞都已解決。YAML完全支持從5.x到7.0的所有IE版本。

4.藍(lán)圖CSS

藍(lán)圖是一個(gè)CSS框架，目的是減少你的CSS開發(fā)時(shí)間。它為創(chuàng)建你的項(xiàng)目提供了一個(gè)可靠的CSS基礎(chǔ)，BP由一個(gè)易于使用的網(wǎng)格、合理的布局和一個(gè)打印樣式組成。

(web前端學(xué)習(xí)交流群:328058344不閑聊，不喜歡就別進(jìn)！)

5 .模式網(wǎng)頁設(shè)計(jì)框架

Schema是表示層的網(wǎng)頁框架設(shè)計(jì)，旨在提供重復(fù)設(shè)計(jì)任務(wù)所需的CSS和HTML標(biāo)簽。與為每個(gè)新網(wǎng)站項(xiàng)目從頭開始創(chuàng)建HTMl/CSS不同，Schema提供了必要的基礎(chǔ)來啟動(dòng)并立即讓您的設(shè)計(jì)運(yùn)行。

6.聰明人

CleverCSS是一種受Python啟發(fā)的小型標(biāo)記語言，可用于以整潔和結(jié)構(gòu)化的方式創(chuàng)建樣式表。在很多方面比CSS 2更干凈更強(qiáng)大。和CSS最明顯的區(qū)別是語法:基于縮進(jìn)，不單調(diào)。雖然這明顯違反了Python的規(guī)則，但是對(duì)于組織風(fēng)格來說還是一個(gè)不錯(cuò)的想法。

7 .的黎波里CSS框架

Tripoli是一個(gè)用于HTML呈現(xiàn)的通用CSS規(guī)范。通過重置和重建瀏覽器標(biāo)準(zhǔn)，的黎波里為您的網(wǎng)站項(xiàng)目提供了標(biāo)準(zhǔn)的跨瀏覽器性能基礎(chǔ)。

8 .電子水資源網(wǎng)項(xiàng)目框架

ESWAT正在重組。如果你來找我的網(wǎng)站框架，那么你可以在這里下載。也許你也想看看我的其他項(xiàng)目gmachina和AppleSeed。

9 .樣板CSS框架

作為藍(lán)圖CSS的原作者之一，我決定把自己的思想重組成一個(gè)赤裸裸的框架，它提供了啟動(dòng)任何項(xiàng)目最基本的要素。這個(gè)框架會(huì)更小，盡量不使用非語義命名約定。你是設(shè)計(jì)師，你的技能很重要。

10 .WYMstyle CSS框架

WYMstyle是一組CSS文件，可以很容易地組合起來，快速創(chuàng)建你網(wǎng)站的布局。通過提供可靠且經(jīng)過良好測(cè)試的CSS模塊，WYMstyle努力防止對(duì)每個(gè)網(wǎng)站進(jìn)行無聊的跨瀏覽器兼容性測(cè)試。

11 .內(nèi)容與風(fēng)格框架

Content with Style的下一個(gè)邏輯步驟是將其擴(kuò)展到CSS框架，它允許使用編寫和測(cè)試過的組件快速開發(fā)網(wǎng)站。實(shí)際需要的是一套命名約定和一個(gè)靈活的基本模板。

12 .邏輯框架

Logicss框架是css文件和PHP程序的集合，用來減少開發(fā)符合Web標(biāo)準(zhǔn)的XHTML布局的時(shí)間。通常，行為是跨瀏覽器表達(dá)的(不是邁耶的重置文件或“*”)。排版支持文本字體大小調(diào)整(使用EMs)和垂直居中，符合可定義的靈活布局網(wǎng)格，使用CSS代碼生成工具。

13 .那個(gè)標(biāo)準(zhǔn)家伙CSS框架

那個(gè)Standards Guy只能調(diào)用單個(gè)樣式文件，主樣式需要CSS認(rèn)證(WCAG 1.0)；跨瀏覽器兼容性——包括針對(duì)Mac的Internet Explorer(IE)5 . x；；IE Hacks使用獨(dú)立文件；快速創(chuàng)建模板；框架中提供了幾個(gè)注釋/例子，可以節(jié)省理解時(shí)間。

14.960網(wǎng)格系統(tǒng)

960網(wǎng)格系統(tǒng)是通過提供基于960像素頁面寬度的常用尺寸來簡(jiǎn)化網(wǎng)站開發(fā)過程的努力的結(jié)果。它有12列和16列兩種類型，可以獨(dú)立使用，也可以協(xié)同使用。

15.電子郵件CSS框架

Emastic是一個(gè)CSS框架，它有持續(xù)不斷的任務(wù):探索陌生的新世界，尋找新的生命和新的網(wǎng)站空，大膽的去CSS框架還沒有到達(dá)的領(lǐng)域。頁面寬度輕便人性化，網(wǎng)格使用固定和不固定的列寬。松緊帶用“em”排開。