近來大受歡迎的CSS框架，使開發人員能夠快速精準的設計出div+css布局。CSS框架的想法是做所有你做一遍又一遍地在每個站點上再次重復任務繁重，讓您得到更快的結果，并得到設計師們的有趣的東西。

良好的CSS框架的主要特點是：

1、迅速加快我們的開發時間，2、文件體積非常小，3、有良好的文檔和教程，4、具有清潔的結構網絡。

你基本的了解CSS框架的特定了，你將要明白為什么和如何使用css 框架來快速布局你的網頁。

在今天的文章中，我們將提供5個最流行??的CSS框架給你參考，并展示精心挑選的教程使用在其他每個有用的工具和資源，你一定會找到有用的和節省時間的一個css框架。

1、960 CSS框架

960網格系統是通過提供常用的尺寸，寬度960像素的基礎上，為了簡化Web開發工作流程。有兩個變種：12和16列 (現在已經有了32列，不過實踐中比較少用。)，它可以單獨或串聯使用。960.css文件本身是只有3.6 KB的css文件壓縮。

css框架演示

• 想詳細的了解960 CSS框架嗎？

  
  
  “ Jeffrey Way ”對960 CSS框架的密切關注，總結了一些使用它的優點和缺點。他還需要我們一步一步創建一個簡單的“12列”用一個簡單的頭兩列結構布局。最重要的秘訣是：你必須分配到每個div一個類。命名約定要求，這個類名稱開頭“grid_”的結束所需的列數。

• 960 CSS框架 – 了解基礎知識

  在這篇文章中，你會了解到960 css框架的基本用法。你要知道，好東西大多數是外國進口的，要翻譯成中文不容易啊！

• 960流體網格系統

  

  用960 css框架和js框架建成的一個類似新聞系統的布局，效果很漂亮，給各位朋友一個很好的學習和參考機會！

2、BluePrint css框架

Blueprint是一個CSS框架，其目的是減少你的CSS開發時間。它為您提供了堅實的CSS基礎之上建立你的項目，一個易于使用的網格，合理的排版，好看的形式，甚至是印刷樣式。其主要特點之一是執行瀏覽器默認樣式的復位質量，提??供一種方法來使用定制的布局網格和最重要的是，所有的元素是能夠覆蓋。

blueprint Css框架演示

教程講解如何使用blueprint CSS框架和工具使用

blueprint CSS框架詳解

在本教程中，我們將得到一個外觀和內部運作的藍圖，我們將看看在演示應用程序使用的藍圖，以獲得更好的主意了如何使用該框架。

3、jQuery UI CSS框架

jQuery的用戶界面包括一個強大的CSS框架，構建定制的jQuery部件的設計。該框架包括類，涵蓋了多種常見的用戶界面的需求，可以使用jQuery UI的ThemeRoller操縱。通過構建你 ??的UI組件，使用jQuery UI CSS框架，你將采用共享標記公約允許為便于代碼集成在大跨插件社區。

• 造型按鈕和工具欄與jQuery UI

  

  jQuery UI CSS框架的jQuery UI小部件可以很容易地應用到任何插件，為開發類的系統，甚至是靜態內容主題化按鈕和使用工具欄的一個真實世界的例子。下面是按鈕的例子演示了如何將CSS框架類的自定義部件的電源。

4、YAML CSS框架

YAML（ Yet Another Multicolumn Layout ）側重于靈活的布局，并提供靈活，有彈性或固定布局的列和網格的設計元素。

YAML的帶有AA級別的Ajax的在線布局工具 (界面是英文版的，懶人式網頁布局)，方便的工具，它允許你通過拖放-N式布局的容器視覺一起為基于YAML CSS布局可視化開發。有效的HTML和CSS代碼自動產生飛。

YAML Css框架演示

5、雅虎YUI網格CSS的

基礎的YUI網格CSS提供四個預設的頁面寬度，6個預設模板。4KB的文件提供了1000多個頁面布局組合。功能包括：自我清算頁腳，定制寬度為固定寬度的布局，支持流體寬度（100％）的布局和更多的。

YUI的網格生成器 -網格定制的一個簡單的界面。

YUI Css框架演示