常見(jiàn)css框架：1、Bootstrap框架；2、Foundation框架，一個(gè)專業(yè)的前端框架；3、Pure框架，優(yōu)點(diǎn)是渲染快；4、Skeleton框架；5、99lime HTML KickStart框架，適合網(wǎng)站快速開(kāi)發(fā)；6、Kube框架。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3版、Dell G3電腦。

目前，網(wǎng)絡(luò)中有許多的前端框架，本著學(xué)習(xí)的態(tài)度認(rèn)真的搜索了一番，總結(jié)一下所看到的前端框架。

1.Bootstrap

基于HTML、CSS、JavaScript 開(kāi)發(fā)的簡(jiǎn)潔、直觀、強(qiáng)悍的前端開(kāi)發(fā)框架，使得 Web 開(kāi)發(fā)更加快捷。Bootstrap提供了優(yōu)雅的HTML和CSS規(guī)范，它即是由動(dòng)態(tài)CSS語(yǔ)言Less寫(xiě)成。Bootstrap一經(jīng)推出后頗受歡迎，一直是GitHub上的熱門(mén)開(kāi)源項(xiàng)目。 國(guó)內(nèi)一些移動(dòng)開(kāi)發(fā)者較為熟悉的框架，如WeX5前端開(kāi)源框架等，也是基于Bootstrap源碼進(jìn)行性能優(yōu)化而來(lái)。

2.Foundation

它是眾多功能的集合，是Mac/iOS中其他框架的基礎(chǔ)。是一個(gè)專業(yè)的前端框架，提供業(yè)務(wù)支持、培訓(xùn)和咨詢?，F(xiàn)已應(yīng)用于Facebook、Mozilla、Ebay等大型網(wǎng)站。

3.Pure

它是一個(gè)輕量級(jí)的、響應(yīng)式的css框架。主要特點(diǎn)就是純css框架，沒(méi)有任何JavaScript代碼，渲染更快。

4. Skeleton（MIT；響應(yīng)式）

非常漂亮的Web模板，適合響應(yīng)式、移動(dòng)友好的開(kāi)發(fā)。

5. 99lime HTML KickStart（Free）

適合網(wǎng)站快速開(kāi)發(fā)的極簡(jiǎn)HTML構(gòu)建模塊。

6. Kube（Free；響應(yīng)式）

面向?qū)I(yè)人員的CSS框架。

推薦學(xué)習(xí)：《css視頻教程》