大多數(shù)人想到Web開發(fā)時，通常會想到HTML或JavaScript，往往忽略了CSS，CSS既是網(wǎng)頁中

最重要也是最常被遺忘的部分之一，盡管它是萬維網(wǎng)的三大基礎(chǔ)技術(shù)之一。今天就和大家分享9個

流行的、強大的前端開源框架，幫助你輕松構(gòu)建漂亮的網(wǎng)站前端。

Bootstrap無疑是最流行的CSS框架，它是最早的Web前端框架，由Twitter開發(fā)。Bootstrap還

提供了許多實例來幫助你入門。使用Bootstrap，你可以將不同的組件和布局組合在一起，從而創(chuàng)

建有趣的頁面設(shè)計。它還提供了大量詳細(xì)的文檔。

PatternFly是Red Hat的開源CSS框架，和Bootstrap不同的是，Bootstrap是為那些想要創(chuàng)建漂

亮網(wǎng)站的人而設(shè)計的，而PatternFly主要專注于企業(yè)應(yīng)用程序開發(fā)人員，提供諸如條形圖、圖表、

導(dǎo)航之類的組件，實際上Red Hat就是使用它創(chuàng)建了OpenShift。

除了靜態(tài)HTML，PatternFly還支持ReactJS框架，這是Facebook開發(fā)的流行JavaScript框架。

PatternFly具有許多適用于企業(yè)級應(yīng)用程序的高級組件，如條形圖，圖表，模式和布局。

Material Components for the web，是谷歌專為Web設(shè)計的全新前端框架。MDC Web可幫助

開發(fā)人員執(zhí)行Material Design，組件由谷歌的核心工程師團隊和UX設(shè)計人員開發(fā)。這

些組件可以建立可靠的開發(fā)工作流程，以構(gòu)建美觀且功能強大的Web項目。

Bootstrap，Patternfly和MDC Web是功能非常強大的CSS框架，但它們可能非常繁瑣和復(fù)雜。

如果你想要一個輕量級的CSS框架，可以嘗試Pure.css，它本身更接近于CSS編程，但又可以幫助

你構(gòu)建一個不錯的網(wǎng)頁。Pure是具有最小占用空間的輕量級CSS框架，它由Yahoo開發(fā)，根據(jù)BSD

許可是開源的。

Foundation聲稱是世界上最先進的響應(yīng)式前端框架。它提供了用于構(gòu)建專業(yè)網(wǎng)站的高級功能和

教程。許多公司，組織都使用該框架，并且該框架具有大量可用的文檔。

Bulma是一個基于Flexbox的開源框架，可根據(jù)MIT許可證開源。Bulma是一個非常輕量級的框架，

因為它只需要一個CSS文件。Bulma擁有簡潔明了的文檔，可輕松選擇你想要的主題。它還具有許多

Web組件，你可以在設(shè)計中使用它們。

如果說還有什么框架比Pure更加輕量級，那一定是Skeleton。Skeleton庫只有大約400行，并且該

框架僅提供一些基本的CSS框架組件。盡管如此，Skeleton還是提供了詳細(xì)的文檔來幫助你快速上手。

Materialize 是一個基于 Material Design風(fēng)格的一個現(xiàn)代化的響應(yīng)式前端框架，解決最繁重的工作，

結(jié)合你的自定義組件，為你提供默認(rèn)的樣式。Materialize的文檔頁面非常全面，并且很容易遵循。其組

件頁面包括按鈕，卡片，導(dǎo)航等。

Bootflat是從Twitter的Bootstrap派生的開源CSS框架。與Bootstrap相比，Bootflat更簡單，且更輕量。

Bootflat的文檔似乎幾乎受到了IKEA的啟發(fā)，大部分都是圖像，沒有太多的文字。

本文由培訓(xùn)無憂網(wǎng)千鋒教育培訓(xùn)專屬課程顧問老師整理發(fā)布，更多相關(guān)課程請關(guān)注培訓(xùn)無憂網(wǎng)web前端培訓(xùn)

或添加老師微信：15033336050

      注：尊重原創(chuàng)文章,轉(zhuǎn)載請注明出處和鏈接 http://www.wg4j.cn/news-id-3334.html 違者必究！部分文章來源于網(wǎng)絡(luò)由培訓(xùn)無憂網(wǎng)編輯部人員整理發(fā)布,內(nèi)容真實性請自行核實或聯(lián)系我們，了解更多相關(guān)資訊請關(guān)注web前端頻道查看更多，了解相關(guān)專業(yè)課程信息您可在線咨詢也可免費申請試課。關(guān)注官方微信了解更多：150 3333 6050