近年來，H5的技術越來越火，帶動的相關CSS框架越來越受歡迎，可以說已經應用到每一個網站上了。CSS技術的不僅應用起來非常的方便，效果還非常具有審美觀。作為開發工具，CSS框架一直處于不斷進化和改進的狀態，因此我們強烈建議您關注眼下的趨勢。這篇文章會帶您了解2017年最流行的5種CSS框架。

　　1. Bootstrap

　　這個框架是GitHub的明星產品之一，被認為是擁有最好的響應性的CSS框架。專為前端開發而設計，有助于構建web設計理念、移動優先項目、網格系統、排版和按鈕等。

　　Bootstrap沒有任何附加功能，但是有第三方插件可用，除了常規的HTML元素，還具有其他常見的UI元素。其核心原則是RWD和mobile first。Bootstrap版本3支持各種瀏覽器（最新版本），并且自Bootstrap 2開始，框架支持響應式網頁設計。Bootstrap 4版本目前正在開發中。

　　Bootstrap非常受歡迎，但并不是說他比其他的框架要好。大多數人用它是因為它的受歡迎程度，由于這一點，有很多資源可用（如教程，額外的插件等），使得使用Bootstrap更容易。

　　2. Foundation

　　Foundation是一個開源項目，是CSS框架界的另一巨頭。眾所周知，它得流暢性和響應性非常好，可以用于許多用途：構建網站、創建電子郵件模板、構建移動和web應用程序。

　　這個框架對用戶也非常友好，提供了培訓、支持和咨詢等服務。還有一些獨特的組件（擊鍵，Joyride，Flex視頻等）和一些附加組件。其核心原則除了RWD和mobile first，還包括semantic。

　　Foundation以完美的工作流程和開發人員的大力支持為自己贏得了巨大的利潤。它是一個非常專業的框架，并提供了大量可用的教程，用戶能夠隨時了解Foundation。

　　3. Bulam

　　Bulam開放源碼、免費并且節約開發人員的時間。由于學習起來和使用非常簡單，因此最近變得非常流行。

　　首先，Bulma包含很棒的UI組件，如選標簽、導航欄、框和面板等等，因為此框架旨在為用戶提供清晰而有吸引力的UI。其次，Bulma非常的模塊化，用戶可以只導入所需的功能。 最后，這個框架的類可讀性很高，這點對于一些開發者來說可能是非常具有吸引力的。

　　Bulma易于理解和使用簡單，同時它具有所有必要的功能，幫助您高效的創建出優質產品。

　　4. Ulkit

　　可能沒有多少人知道（使用）這個框架，但它與其他類似框架具有相同的功能。

　　Ulkit是輕量級和模塊化的，用于創建快速但功能強大的Web界面。 Ulkit基本上是一組易于定制的組件集合，具有HTML Editor、Flex、其他附加組件和獨特的組件。它的核心原則是RWD和mobile first，Ulkit廣泛應用于WordPress主題中。使您能夠靈活的進行手動定制機制。

　　5. Semantic UI

　　從名稱就能猜出，Semantic UI旨在使網站構建過程更加語義化。核心特征是利用自然語言原理使代碼更易于閱讀，更容易理解。

　　核心原則是標簽矛盾、語義和響應能力。這個框架是將語句和類作為可交換的組件來處理，并使用直觀的JS和簡單的調試。

　　Semantic UI的好處在于，它提供了組織良好的文檔和網站，并提供了使用指南。簡而言之，它有3000多個主題變量，50多個UI組件，以及5000多個提交。絕對值得一試。是創建頁面漂亮、反應靈敏的網站的不錯之選擇。