CSS中最流行的十個框架

Web 開發工程師在開發頁面樣式的時候需要花費大量的時間開發，其中最頭疼的還是瀏覽器的兼容性問題，最省事的是使用 CSS 框架，幸運的是一些大神編寫了一套精美的 CSS 框架并開源出來，那么有哪些不錯的 CSS 框架呢？

我收集了一些資料和數據來和大家討論，下面我就說說 Github 上 star 最多的 10 大 CSS框架。

Bootstrap

Github star 數量 140K。

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

Bootstrap 是最受歡迎的 CSS 框架，被認為是擁有最好的響應性的CSS框架。專為前端開發而設計，有助于構建web設計理念、移動優先項目、網格系統、排版和按鈕等。

Semantic-UI

Github star 數量 47.8K。

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

Semantic 是一個開發框架，可以使用人性化的 HTML 幫助創建漂亮的響應式布局。Semantic UI 旨在使網站構建過程更加語義化。核心特征是利用自然語言原理使代碼更易于閱讀，更容易理解。

Materialize

Github star 數量 37.5K。

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

Materialize是一款基于Material Design設計的前端框架，支持自適應，現代感十足。

Bulma

Github star 數量 39.6K。

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

Bulma 是一個基于 Flexbox 的現代化的 CSS 框架,其響應式、模塊化、開源免費,可以輕松用來實現各種簡單或者復雜的內容布局，Bulma 最大的特點是輕量、無依賴、簡單、易用，所有樣式都基于 class，即使不懂 CSS 也可以輕而易舉的做出美觀的網頁。

更多詳細介紹：http://www.sevdot.com/articles/7

Foundation

Github star 數量 28.6K。

GitHub 地址：https://github.com/zurb/foundation-sites

Foundation 用于開發響應式的 HTML, CSS and JavaScript 框架。

Foundation 是一個易用、強大而且靈活的框架,用于構建基于任何設備上的 Web 應用。

Foundation 是一個以移動優先的流行框架。

Pure

Github star 數量 20.8K。

GitHub 地址：https://github.com/pure-css/pure

雅虎公司出品的一組輕量級、響應式純css模塊，適用于任何Web項目。

Pure 小得不要不要的，壓縮成gzip文件僅為3.7KB*。我們力求每一行代碼都精簡到極致，以便最大程度壓縮CSS大小，更利于移動Web制作。如果您僅使用其中的一部分模塊，那CSS真是小到沒有朋友了！

Layui

Github star 數量 21.5K。

GitHub 地址：https://github.com/sentsin/layui

Layui 是一款采用自身模塊規范編寫的情懷型前端UI框架，遵循原生HTML/CSS/JS的書寫與組織形式，門檻極低，拿來即用。其外在極簡，卻又不失飽滿的內在，體積輕盈，組件豐盈，從核心代碼到API的每一處細節都經過精心雕琢，非常適合界面的快速開發。

Uikit

Github star 數量 13.5K。

UIkit 是 YOOtheme 團隊開發的一款輕量級、模塊化的前端框架，可快速構建強大的web前端界面。UIKit 提供了全面的 HTML、CSS 及 JS 組件，它們使用簡單，容易定制和擴展。

它基于 LESS 開發，代碼結構清晰簡單，易于擴展和維護，并且具有體積小、反應靈敏的響應式組件，你可以根據 UIKit 基本的風格樣式，輕松地自定義創建出自己喜歡的主題樣式。

Amaze UI

Github star 數量 13.4K。

GitHub 地址：https://github.com/amazeui/amazeui

Amaze UI 以移動優先（Mobile first）為理念，從小屏逐步擴展到大屏，最終實現所有屏幕適配，適應移動互聯潮流。

Amaze UI 含近 20 個 CSS 組件、20 余 JS 組件，更有多個包含不同主題的 Web 組件，可快速構建界面出色、體驗優秀的跨屏頁面，大幅提升開發效率。

相比國外框架，Amaze UI 關注中文排版，根據用戶代理調整字體，實現更好的中文排版效果；兼顧國內主流瀏覽器及 App 內置瀏覽器兼容支持。

Amaze UI 面向 HTML5 開發，使用 CSS3 來做動畫交互，平滑、高效，更適合移動設備，讓 Web 應用更快速載入。

jQuery UI

Github star 數量 10.8K。

GitHub 地址：https://github.com/jquery/jquery-ui

jQuery UI 是建立在 jQuery JavaScript 庫上的一組用戶界面交互、特效、小部件及主題。無論您是創建高度交互的 Web 應用程序還是僅僅向窗體控件添加一個日期選擇器，jQuery UI 都是一個完美的選擇。

jQuery UI 包含了許多維持狀態的小部件（Widget），因此，它與典型的 jQuery 插件使用模式略有不同。所有的 jQueryUI 小部件（Widget）使用相同的模式，所以，只要您學會使用其中一個，您就知道如何使用其他的小部件（Widget）。

以上就是最受歡迎的10大CSS框架的詳細內容，更多請關注億速云其它相關文章！