近年來(lái)，H5的技術(shù)越來(lái)越火，帶動(dòng)的相關(guān)CSS框架越來(lái)越受歡迎，可以說(shuō)已經(jīng)應(yīng)用到每一個(gè)網(wǎng)站上了。CSS技術(shù)的不僅應(yīng)用起來(lái)非常的方便，效果還非常具有審美觀。作為開(kāi)發(fā)工具，CSS框架一直處于不斷進(jìn)化和改進(jìn)的狀態(tài)，因此我們強(qiáng)烈建議您關(guān)注眼下的趨勢(shì)。這篇文章會(huì)帶您了解2017年最流行的5種CSS框架。

1. Bootstrap

這個(gè)框架是GitHub的明星產(chǎn)品之一，被認(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)、排版和按鈕等。

Bootstrap沒(méi)有任何附加功能，但是有第三方插件可用，除了常規(guī)的HTML元素，還具有其他常見(jiàn)的UI元素。其核心原則是RWD和mobile first。Bootstrap版本3支持各種瀏覽器(最新版本)，并且自Bootstrap 2開(kāi)始，框架支持響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)。Bootstrap 4版本目前正在開(kāi)發(fā)中。

Bootstrap非常受歡迎，但并不是說(shuō)他比其他的框架要好。大多數(shù)人用它是因?yàn)樗氖軞g迎程度，由于這一點(diǎn)，有很多資源可用(如教程，額外的插件等)，使得使用Bootstrap更容易。

2. FoundaTIon

FoundaTIon是一個(gè)開(kāi)源項(xiàng)目，是CSS框架界的另一巨頭。眾所周知，它得流暢性和響應(yīng)性非常好，可以用于許多用途：構(gòu)建網(wǎng)站、創(chuàng)建電子郵件模板、構(gòu)建移動(dòng)和web應(yīng)用程序。

這個(gè)框架對(duì)用戶(hù)也非常友好，提供了培訓(xùn)、支持和咨詢(xún)等服務(wù)。還有一些獨(dú)特的組件(擊鍵，Joyride，F(xiàn)lex視頻等)和一些附加組件。其核心原則除了RWD和mobile first，還包括semanTIc。

FoundaTIon以完美的工作流程和開(kāi)發(fā)人員的大力支持為自己贏得了巨大的利潤(rùn)。它是一個(gè)非常專(zhuān)業(yè)的框架，并提供了大量可用的教程，用戶(hù)能夠隨時(shí)了解Foundation。

3. Bulam

Bulam開(kāi)放源碼、免費(fèi)并且節(jié)約開(kāi)發(fā)人員的時(shí)間。由于學(xué)習(xí)起來(lái)和使用非常簡(jiǎn)單，因此最近變得非常流行。

首先，Bulma包含很棒的UI組件，如選標(biāo)簽、導(dǎo)航欄、框和面板等等，因?yàn)榇丝蚣苤荚跒橛脩?hù)提供清晰而有吸引力的UI。其次，Bulma非常的模塊化，用戶(hù)可以只導(dǎo)入所需的功能。 最后，這個(gè)框架的類(lèi)可讀性很高，這點(diǎn)對(duì)于一些開(kāi)發(fā)者來(lái)說(shuō)可能是非常具有吸引力的。

Bulma易于理解和使用簡(jiǎn)單，同時(shí)它具有所有必要的功能，幫助您高效的創(chuàng)建出優(yōu)質(zhì)產(chǎn)品。

4. Ulkit

可能沒(méi)有多少人知道(使用)這個(gè)框架，但它與其他類(lèi)似框架具有相同的功能。

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

5. Semantic UI

從名稱(chēng)就能猜出，Semantic UI旨在使網(wǎng)站構(gòu)建過(guò)程更加語(yǔ)義化。核心特征是利用自然語(yǔ)言原理使代碼更易于閱讀，更容易理解。

核心原則是標(biāo)簽矛盾、語(yǔ)義和響應(yīng)能力。這個(gè)框架是將語(yǔ)句和類(lèi)作為可交換的組件來(lái)處理，并使用直觀的JS和簡(jiǎn)單的調(diào)試。

Semantic UI的好處在于，它提供了組織良好的文檔和網(wǎng)站，并提供了使用指南。簡(jiǎn)而言之，它有3000多個(gè)主題變量，50多個(gè)UI組件，以及5000多個(gè)提交。絕對(duì)值得一試。是創(chuàng)建頁(yè)面漂亮、反應(yīng)靈敏的網(wǎng)站的不錯(cuò)之選擇。