專業(yè)的網(wǎng)頁設計是既復雜又耗時的。它需要HTML和CSS框架的完美結(jié)合。這些框架不僅可以為設計方案增加特定的功能，還可以大大地節(jié)省時間和精力。
高效的框架不僅是網(wǎng)站設計的基礎，它提供的各種豐富多彩的功能，還提高整體的功能和性能。一個網(wǎng)站的外觀和設計完全可以通過一些完美和可靠的工具而徹底改頭換面?，F(xiàn)在，越來越多的網(wǎng)頁設計師和編輯人員選擇使用CSS框架來創(chuàng)建網(wǎng)站。
所以，如果你正在尋找一些高效的HTML和CSS框架，那么不妨繼續(xù)看下去——眾里尋他千百度，驀然回首，那人卻在燈火闌珊處。
 
1）CSS框架——Gumby

Gumby是最好的框架之一，配備了各種有用的和有效的功能。它預置的設計和通用的界面元素，有助于我們創(chuàng)建完美的網(wǎng)站。Gumby框架還允許根據(jù)要求定制網(wǎng)格。
 
官方網(wǎng)站：http://gumbyframework.com/

 
2）CSS框架——Semantic UI框架

Semantic UI也是一個非常有用的網(wǎng)頁設計框架。通過允許用戶創(chuàng)建界面共享語言來授權給設計師。各種功能和3D動畫也是不可小覷的功能。相比于其他框架，它更容易使用。
 
官方網(wǎng)站：http://semantic-ui.com/

 
3）CSS框架——YAML框架

下面要說的是YAML。這是一個設計靈活，方便和響應網(wǎng)站的理想工具。它提供了一系列有效的功能。同時，它還帶有Ajax Builder，可以保證基于YAML的CSS布局的可視化開發(fā)。
 
官方網(wǎng)站：http://www.yaml.de/

 
4）CSS框架——blueprint

在網(wǎng)頁設計項目中，blueprint框架也是一個不錯的助手。它提供了一個堅實的基礎，可以用來為你的項目打造漂亮的表單、樣式表和易于使用的網(wǎng)格和排版。這是用來打造復雜的網(wǎng)頁設計最好的框架之一。
 
官方網(wǎng)站：http://www.blueprintcss.org/

 
5）CSS框架——Toast

Toast是一種可靠的CSS框架，可以使得布局更簡單，并允許用戶輕松地添加填充物和邊框。這是互聯(lián)網(wǎng)上最好最簡單的網(wǎng)頁設計框架之一。
 
官方網(wǎng)站：http://daneden.github.io/Toast//

 
6）HTML和CSS框架——Bootstrap

Bootstrap是現(xiàn)在網(wǎng)上最流行的HTML、CSS和JS框架。這工具非常有用，被大量的網(wǎng)頁設計師用于為移動和其他設備開發(fā)響應式的、功能豐富的網(wǎng)站。
官方網(wǎng)站：http://getbootstrap.com/

 
7）Web框架——Kube

Kube框架也是網(wǎng)頁設計過程中的重要組成部分。它是一個自適應和響應式的工具，可用于支持網(wǎng)站設計。它有效的功能和可靠的性能有助于我們快速輕松地創(chuàng)建網(wǎng)站。
官方網(wǎng)站：http://imperavi.com/kube/

 
8）CSS框架——Columnal

columnal框架是一個有效的CSS網(wǎng)格系統(tǒng)，并有少許的自定義代碼。這是一個彈性網(wǎng)格，為方便快捷的網(wǎng)頁設計提供了特殊功能。因此，如果你想高效的網(wǎng)頁設計結(jié)果，這個框架是最好最可靠的選擇。
 
官方網(wǎng)站：http://www.columnal.com/

 
9）CSS框架——Pure

還有一種高效的網(wǎng)頁設計框架是Pure。它擁有一系列小型的，響應式的CSS模塊，幾乎所有的網(wǎng)頁設計項目中都能派上用場。
 
官方網(wǎng)站：http://purecss.io/

 
10）HTML/ CSS框架——Clank

Clank是一款用于手機和平板電腦app的HTML/ CSS框架。它使用Saas作為CSS的預處理器，來達到為移動和平板設備快速開發(fā)的目的。
 
官方網(wǎng)站：http://getclank.com/

 
11）HTML5和CSS3——52Frameworks

這也是一款非常棒的HTML5和CSS3框架。一種全新的HTML5驗證的表單框架（通過JavaScript）。
官方網(wǎng)站：http://www.52framework.com/

 
12）HTML5框架 – Montagejs

MontageJS是一款前端的HTML5框架，支持快速創(chuàng)建單頁應用程序。MontageJS使用的是經(jīng)過時間考驗的設計模式和軟件規(guī)則，允許用戶為自己的項目輕松創(chuàng)建模塊化的架構，從而提供高品質(zhì)的用戶體驗。
 
官方網(wǎng)站：http://montagestudio.com/montagejs/

 
13）HTML5 Boilerplate

HTML5有助于快速創(chuàng)建穩(wěn)定和適宜的Web應用程序和網(wǎng)站。
官方網(wǎng)站：http://html5boilerplate.com/

 
14）HTML Kickstart

HTML Kickstart提供了HTML5、CSS和JS模塊，用于快速出品網(wǎng)站。
官方網(wǎng)站：http://www.99lime.com/elements/

15）AngularJS

AngularJS是為了克服HTML在構建應用上的不足而設計的。HTML是一門很好的為靜態(tài)文本展示設計的聲明式語言，但要構建WEB應用的話它就顯得乏力了。所以我做了一些工作（你也可以覺得是小花招）來讓瀏覽器做我想要的事。

通常，我們是通過以下技術來解決靜態(tài)網(wǎng)頁技術在構建動態(tài)應用上的不足：
類庫 - 類庫是一些函數(shù)的集合，它能幫助你寫WEB應用。起主導作用的是你的代碼，由你來決定何時使用類庫。類庫有：jQuery等
框架 - 框架是一種特殊的、已經(jīng)實現(xiàn)了的WEB應用，你只需要對它填充具體的業(yè)務邏輯。這里框架是起主導作用的，由它來根據(jù)具體的應用邏輯來調(diào)用你的代碼。框架有：knockout、sproutcore等。
AngularJS使用了不同的方法，它嘗試去補足HTML本身在構建應用方面的缺陷。AngularJS通過使用我們稱為標識符(directives)的結(jié)構，讓瀏覽器能夠識別新的語法。例如：
使用雙大括號{{}}語法進行數(shù)據(jù)綁定；
使用DOM控制結(jié)構來實現(xiàn)迭代或者隱藏DOM片段；
支持表單和表單的驗證；
能將邏輯代碼關聯(lián)到相關的DOM元素上；
能將HTML分組成可重用的組件。

官方網(wǎng)站：https://angularjs.org/