Web 開發(fā)工程師在開發(fā)頁面樣式的時候需要花費(fèi)大量的時間開發(fā),其中最頭疼的還是瀏覽器的兼容性問題,最省事的是使用 CSS 框架,幸運(yùn)的是一些大神編寫了一套精美的 CSS 框架并開源出來,那么有哪些不錯的 CSS 框架呢?
我收集了一些資料和數(shù)據(jù)來和大家討論,下面我就說說 Github 上 star 最多的 10 大 CSS框架。
Bootstrap
Github star 數(shù)量 140K。
GitHub 地址:https://github.com/twbs/bootstrap
Bootstrap 是最受歡迎的 CSS 框架,被認(rèn)為是擁有最好的響應(yīng)性的CSS框架。專為前端開發(fā)而設(shè)計,有助于構(gòu)建web設(shè)計理念、移動優(yōu)先項(xiàng)目、網(wǎng)格系統(tǒng)、排版和按鈕等。
Semantic-UI
Github star 數(shù)量 47.8K。
GitHub 地址:https://github.com/Semantic-Org/Semantic-UI
Semantic 是一個開發(fā)框架,可以使用人性化的 HTML 幫助創(chuàng)建漂亮的響應(yīng)式布局。Semantic UI 旨在使網(wǎng)站構(gòu)建過程更加語義化。核心特征是利用自然語言原理使代碼更易于閱讀,更容易理解。
Materialize
Github star 數(shù)量 37.5K。
GitHub 地址:https://github.com/Dogfalo/materialize
Materialize是一款基于Material Design設(shè)計的前端框架,支持自適應(yīng),現(xiàn)代感十足。
Bulma
Github star 數(shù)量 39.6K。
GitHub 地址:https://github.com/jgthms/bulma
Bulma 是一個基于 Flexbox 的現(xiàn)代化的 CSS 框架,其響應(yīng)式、模塊化、開源免費(fèi),可以輕松用來實(shí)現(xiàn)各種簡單或者復(fù)雜的內(nèi)容布局,Bulma 最大的特點(diǎn)是輕量、無依賴、簡單、易用,所有樣式都基于 class,即使不懂 CSS 也可以輕而易舉的做出美觀的網(wǎng)頁。