如今，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多個送出。絕對值得一試。是建立頁面漂亮、反應靈敏的網站的不錯之選擇。
本文作者：三文魚
來源：51CTO