當(dāng)人們想到Web開發(fā)的時(shí)候，他們常常想到HTML或JavaScript，而常常忽略CSS，據(jù)Wikipedia稱，CSS不僅是網(wǎng)頁上最重要也是最容易被遺忘的部分之一，盡管它是萬維網(wǎng)的三大基本技術(shù)之一。
現(xiàn)在將與您分享9個(gè)流行的、強(qiáng)大前端開源框架，幫助您輕松建立一個(gè)漂亮的網(wǎng)站前端。
Bootstrap毫無疑問是最流行的CSS框架，是第一個(gè)由Twitter開發(fā)的Web前端框架。Bootstrap也提供了很多例子來幫助你開始。
利用Bootstrap，您可以結(jié)合不同的組件和布局來創(chuàng)建有趣的頁面設(shè)計(jì)。其中也有大量的詳細(xì)文件?，F(xiàn)在Github上有超過1100個(gè)投稿，超過19000個(gè)投稿。(https://github、com/twbs/bootstrap)。
PatternFly是RedHat的開放源碼CSS框架，與Bootstrap不一樣，Bootstrap是為那些想要?jiǎng)?chuàng)造漂亮網(wǎng)站的人們設(shè)計(jì)的，PatternFly主要關(guān)注于提供條形圖、圖表、導(dǎo)航等組件的企業(yè)級應(yīng)用開發(fā)者，事實(shí)上RedHat正是用它來創(chuàng)建OpenShift。
除靜態(tài)HTML外，PatternFly還支持ReactJS框架，一種Facebook開發(fā)的流行JavaScript框架。PatternFly提供了很多高級組件，例如條形圖、圖表、模式和布局，用于企業(yè)級應(yīng)用程序。
PatternFly在GitHub上總共有超過1、050份提交和44份投稿。(網(wǎng)址：https://github、com/patternfly/patternfly)
MDCWeb,MaterialComponentsfortheweb，是谷歌專門為Web設(shè)計(jì)的全新前端框架。MDCWeb可以幫助開發(fā)者實(shí)現(xiàn)MaterialDesign，由谷歌核心工程師團(tuán)隊(duì)和UX設(shè)計(jì)者共同開發(fā)。它們可以建立一個(gè)可靠的開發(fā)流程，從而構(gòu)建漂亮和強(qiáng)大的Web項(xiàng)目。
MDCWeb在Github上有5700多份提交和349份投稿。(Github地址：https://github、com/material-components/material-components-web)
Patternfly和MDCWeb是功能非常強(qiáng)大的CSS框架，但是它們會很麻煩也很復(fù)雜。假如你想要一個(gè)輕量級的CSS框架，試試Pure、css，它本身更像CSS編程，但同時(shí)也能幫你創(chuàng)建一個(gè)很好的網(wǎng)頁。Pure是一個(gè)輕量級CSS框架，擁有最少占用空間，由Yahoo開發(fā)，并且按照BSD許可證開源。
Pure在Github上有565份提交和59份投稿。(https://github、com/pure-css/pure)
Foundation宣稱是世界上最先進(jìn)的應(yīng)答前端框架。該軟件為構(gòu)建專業(yè)網(wǎng)站提供高級功能和指南。很多公司、企業(yè)都在使用這個(gè)框架，而且這個(gè)框架有很多文檔可用。
Foundation有近17000份提交，Github上的1000份投稿。(網(wǎng)址：https://github、com/foundation/foundation-sites)
Bulma是基于Flexbox的開放源碼框架，根據(jù)MIT許可開源。Bulma是一種非常輕量的框架，因?yàn)樗恍枰狢SS文件。Bulma有簡潔的文檔，可以很容易地選擇你想要的主題。同時(shí)也有很多Web組件，您可以將其用于設(shè)計(jì)。
Bulma在Github上有超過1400份提交和300份投稿。(https://github、com/jgthms/bulma)
假如有哪個(gè)框架比Pure更輕，那就必須是Skeleton。Skeleton庫只有400行左右，而且這個(gè)框架只提供了一些基本的CSS框架組件。不過，Skeleton提供了詳細(xì)的文檔，以幫助您快速上手。
Skeleton總共有167個(gè)提交人和22個(gè)貢獻(xiàn)者，但是它并不是Github最近一次更新是在2014年。(https://github、com/dhg/Skeleton)
Materialize是一款基于MaterialDesign風(fēng)格的現(xiàn)代應(yīng)答前端框架，用于處理最繁重的工作，并結(jié)合您的定制組件，提供您默認(rèn)的樣式。Materialize的文檔頁十分全面，易于閱讀。它的組成部分頁包括按鈕、卡片、導(dǎo)航等。
Materialize有超過3800份提交和250份投稿。(網(wǎng)址：https://github、com/Dogfalo/materialize)
Bootflat是源自Twitter的Bootstrap的開源CSS框架。Bootflat比Bootstrap更簡單，而且更輕量。Bootflat的文檔似乎受到了IKEA的啟發(fā)，他們大多是圖片，沒有多少文字。
Bootflat通過MIT許可開放源代碼，159份提交和8份Github投稿。(https://github、com/bootflat/bootflat、github、io)
