用 CSS 框架是當前大部分前后端開發(fā)人員都會選擇的，CSS框架的好處是幫開發(fā)人員節(jié)省了開發(fā)時間，提高了工作效率，改善用戶體驗，并且能很好的解決各種瀏覽器之間的兼容性問題。當然也會存在代碼冗余，影響網(wǎng)站打開速度，但是對于好處來說這些問題都不是問題。

接下去我會分享我所知道的所有的CSS框架，盡量把網(wǎng)絡上現(xiàn)有的框架都收集起來，方便網(wǎng)友們的選擇和比較。（框架順序不代碼框架的好壞）

Bootstrap

Bootstrap 就不多做介紹了屬于老牌框架了，國內教程地址：www.bootcss.com（非官網(wǎng)），該網(wǎng)站目前已經(jīng)整理了從2.0~5.0的所有教程資料。

layui

layui國人開發(fā)。layui是一套開源的 Web UI 解決方案，采用自身經(jīng)典的模塊化規(guī)范，并遵循原生 HTML/CSS/JS 的開發(fā)方式，極易上手，拿來即用。其風格簡約輕盈，而組件優(yōu)雅豐盈，從源代碼到使用方法的每一處細節(jié)都經(jīng)過精心雕琢，非常適合網(wǎng)頁界面的快速開發(fā)。layui 區(qū)別于那些基于 MVVM 底層的前端框架，卻并非逆道而行，而是信奉返璞歸真之道。準確地說，它更多是面向后端開發(fā)者，你無需涉足前端各種工具，只需面對瀏覽器本身，讓一切你所需要的元素與交互，從這里信手拈來。

Semantic UI

Semantic UI—完全語義化的前端界面開發(fā)框架，跟 Bootstrap 和 Foundation 比起來，還是有些不同的，在功能特性上、布局設計上、用戶體驗上均存在很多差異。

Bulma

作為一個基于Flexbox的開源框架，Bulma在全世界擁有超過20萬名開發(fā)用戶。它可以通過可視化的組件，讓開發(fā)人員了解其運作的過程。該前端框架通過各種技術，為前端開發(fā)人員提供了一種內聚(cohesive)的界面。此外，由于它使用了響應式模板，因此我們可以更好地專注于網(wǎng)站的內容，而不是代碼的編寫。

PureCSS

由Yahoo開發(fā)的PureCSS，提供了一組體積小、且具有快速響應能力的CSS模塊。它非常適合開發(fā)那些界面美觀且功能不同的項目。PureCSS具有快速響應能力的內置設計，以及最小體積的標準化CSS，而且它們都是免費的!

Tailwind CSS

Tailwind CSS 是一個功能類優(yōu)先的 CSS 框架,它由 Adam Wathan 創(chuàng)建。本站提供 Tailwind CSS 官方文檔中文翻譯致力于為廣大國內開發(fā)者提供準確的中文文檔,助力開發(fā)者掌握并使用這一框架。

AXUI

ax前端框架的特點是：能用css寫的不用js；能用js寫的不用插件；能用插件的不重復使用插件。通過觀察本框架的核心文件會發(fā)現(xiàn)核心文件只有ax.css和ax.js，加載速度飛快。ax前端框架對一些常用的功能進行集成處理，比如美化滾動條、菜單、cookie等，在演示頁面復制代碼即可使用。

Amaze UI

Amaze UI 以移動優(yōu)先（Mobile first）為理念，從小屏逐步擴展到大屏，最終實現(xiàn)所有屏幕適配，適應移動互聯(lián)潮流。

Foundation

Foundation 是一個適用于任何設備、媒介和可訪問性的框架。Foundation是一個響應式前端框架系列，它可以讓你輕松設計出漂亮的響應式網(wǎng)站、應用程序和電子郵件，在任何設備上看起來都非常漂亮。Foundation具有語義性、可讀性、靈活性和完全可定制性。

ZUI

一個基于 Bootstrap 深度定制開源前端實踐方案，幫助你快速構建現(xiàn)代跨屏應用。

Uikit

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

Pintuer

拼圖前端框架 Pintuer.com：國內優(yōu)秀的HTML、CSS、JS跨屏響應式開源前端框架，使用最新瀏覽器技術，為快速的前端開發(fā)提供一系列的顏色、文本、排版、內容、媒體、按鈕、表單、元件、導航、組件等樣式工具包，占用資源小，使用拼圖可以快速構建簡潔、優(yōu)雅而且自動適應手機、平板、桌面電腦等設備的前端界面，讓前端開發(fā)像玩拼圖游戲一下輕松靈活。

H-ui

H-ui前端框架系統(tǒng)是基于 HTML、CSS、JAVASCRIPT開發(fā)的輕量級web前端框架。H-ui是根據(jù)中國現(xiàn)階段網(wǎng)站特性和程序員開發(fā)習慣，在bootstrap基礎上，吸取眾家框架之長，融合開發(fā)者自己的思想，進行深度開發(fā)，提煉出一套適合中國開發(fā)者的HTML和CSS規(guī)范。開源免費，簡單靈活，兼容性好，一經(jīng)推出深受國內廣大web開發(fā)者喜愛。

跨屏UI

如果說Boostrap提供了一個可靠的網(wǎng)頁元素UI組件，來構建一個網(wǎng)頁，那么跨屏UI框架，則在bootstrap基礎上提供了更為完整的網(wǎng)頁組件，例如“關于我們”、“聯(lián)系我們”，“相冊”，“產(chǎn)品”等等組件。

Milligram

　　Milligram雖然非常輕小，但功能依舊不差，它具有一整套web開發(fā)工具，并且充分利用了CSS3規(guī)范中的各種原理來幫助開發(fā)人員快速開發(fā)。

暫時收集了這些框架，你可以根據(jù)實際項目的需求，進行選擇，正式使用之前請先測試代碼，確保你采用的框架不會出現(xiàn)CSS或HTML的瀏覽器兼容性問題。

~~~感謝閱讀，順便點個贊，歡迎關注【Yimao軟件】，謝謝~~~

聯(lián)網(wǎng)的迅速發(fā)展，軟件行業(yè)成了更多年輕人的就業(yè)選擇。HTML5簡單易學門檻低，是Web時代前端開發(fā)超好用的工具。而HTML5開發(fā)人員的就業(yè)薪資也遠遠高于其他行業(yè)。

資料顯示，初級HTML5開發(fā)人員的平均薪資在8K-10K左右，擁有一定工作經(jīng)驗的人薪資普遍達到15K-20K。如此廣闊的前景當然吸引了無數(shù)專業(yè)或非專業(yè)人士的加入。HTML5用途范圍廣，下面小編就來給大家分享常見的HTML5框架。

HTML5基礎入門之常見的HTML5框架有哪些?

1、Siimpler

Siimpler 是個簡單的 HTML 開發(fā)框架，他可以通過選擇你自己喜歡的部分，來幫助你迅速又簡單地創(chuàng)建 HTML5 開發(fā)結構。網(wǎng)絡設計者們也可以通過使用 Siimpler 框架類的文件和文件夾來無縫的開始一個 Web 項目。

2、Ionic

Ionic 是個神奇的框架和強大前端開源系統(tǒng)，使用先進的Web技術，比如CSS、HTML 和 JS 來創(chuàng)建令人驚嘆的手機應用。

3、Foundation

Foundation 是世界上精妙的前端響應框架，同時，它可以兼容所有的瀏覽器和網(wǎng)絡設備。Foundation 擁有移動友好型的用戶接口，設置了許多關鍵特性。

4、Enyo

Enyo是一個開源的 Jaa 框架，該框架能夠讓你創(chuàng)建頂級的 HTML5 應用程序，該應用程序能夠運行在各種各樣的電子設備上，比如說手機、臺式機、筆記本、電視以及Web應用。

5、LimeJS

針對于所有的新的桌面瀏覽器和觸屏設備，LimeJS 對于有用戶經(jīng)驗的游戲開發(fā)者而言是教好的和較強大的開發(fā)框架。

6、Bootstrap

Bootstrap能讓所有開發(fā)者都能迅速上手、所有設備都可以適配、所有項目都適用。此外，bootstrap的官網(wǎng)也有很多教程提供。

7、juery UI

juery UI 主要分為交互、微件和效果庫3個部分，主打代碼開源，操作繼承了juery 的簡單特性，兼容各主流桌面瀏覽器。

前端HTML5是當下很多企業(yè)都會用到的軟件開發(fā)，HTML5是移動互聯(lián)網(wǎng)前端的主流開發(fā)語言，目前還沒有任何一種前端開發(fā)技術能夠取代HTML5。因此，無論是PC端還是APP端的應用，前端樣式都離不開HTML5.

從手機與電腦上網(wǎng)的使用率來看，從事HTML5或者Web相關的開發(fā)工作，就業(yè)前景還是比較可觀的。而且，現(xiàn)在的網(wǎng)站開發(fā)都往移動設備上轉移，所以HTML5或者Web前端是眾望所歸。

小編是一個有著5年工作經(jīng)驗的架構師，關于web前端，自己有做材料的整合，一個完整學習web前端的路線，學習材料和工具。需要的伙伴可以私信我，發(fā)送“前端”等3秒后就可以獲取領取地址，免費送給大家。對于學習web前端有任何問題（學習方法，學習效率，如何就業(yè)）都可以問我。希望你也能憑自己的努力，成為下一個優(yōu)秀的程序員！

這7個框架，你都會用嗎？