Web 開(kāi)發(fā)工程師在開(kāi)發(fā)頁(yè)面樣式的時(shí)候需要花費(fèi)大量的時(shí)間開(kāi)發(fā)，其中最頭疼的還是瀏覽器的兼容性問(wèn)題，最省事的是使用 CSS 框架，幸運(yùn)的是一些大神編寫(xiě)了一套精美的 CSS 框架并開(kāi)源出來(lái)，那么有哪些不錯(cuò)的 CSS 框架呢？

我收集了一些資料和數(shù)據(jù)來(lái)和大家討論，下面我就說(shuō)說(shuō) Github 上 star 最多的 10 大 CSS框架。

Bootstrap

Github star 數(shù)量 140K。

GitHub 地址：https://github.com/twbs/bootstrap

Bootstrap 是最受歡迎的 CSS 框架，被認(rèn)為是擁有最好的響應(yīng)性的CSS框架。專(zhuān)為前端開(kāi)發(fā)而設(shè)計(jì)，有助于構(gòu)建web設(shè)計(jì)理念、移動(dòng)優(yōu)先項(xiàng)目、網(wǎng)格系統(tǒng)、排版和按鈕等。

Semantic-UI

Github star 數(shù)量 47.8K。

GitHub 地址：https://github.com/Semantic-Org/Semantic-UI

Semantic 是一個(gè)開(kāi)發(fā)框架，可以使用人性化的 HTML 幫助創(chuàng)建漂亮的響應(yīng)式布局。Semantic UI 旨在使網(wǎng)站構(gòu)建過(guò)程更加語(yǔ)義化。核心特征是利用自然語(yǔ)言原理使代碼更易于閱讀，更容易理解。

Materialize

Github star 數(shù)量 37.5K。

GitHub 地址：https://github.com/Dogfalo/materialize

Materialize是一款基于Material Design設(shè)計(jì)的前端框架，支持自適應(yīng)，現(xiàn)代感十足。

Bulma

Github star 數(shù)量 39.6K。

GitHub 地址：https://github.com/jgthms/bulma

Bulma 是一個(gè)基于 Flexbox 的現(xiàn)代化的 CSS 框架,其響應(yīng)式、模塊化、開(kāi)源免費(fèi),可以輕松用來(lái)實(shí)現(xiàn)各種簡(jiǎn)單或者復(fù)雜的內(nèi)容布局，Bulma 最大的特點(diǎn)是輕量、無(wú)依賴、簡(jiǎn)單、易用，所有樣式都基于 class，即使不懂 CSS 也可以輕而易舉的做出美觀的網(wǎng)頁(yè)。