不得不看的27款經典的CSS框架

它爲你CSS重複的部分提供了合理的樣式，這樣你就能更加關注於本身網站的樣式。SenCSs不像其餘CSS框架那樣，它不包含各類雜亂的佈局樣式或是預約義的柵格系統，那SenCSs能剛什麼呢？baseline, fonts, paddings, margins, tables, lists, headers, blockquotes, forms 等等都是SenCSs所能辦到的。

11. Emastic

Emastic 是一個CSS框架，它有連續的任務：探索陌生的新世界，尋找新生活和新的網站空間，大膽的去CSS框架還沒有到達的領域。它是輕量的、在頁面寬度上比較人性化，在網格中使用固定和不固定的列寬。 Elastic 用「em」佈局。

12. Typogridphy

Typogridphy是一個適合網格佈局的CSS框架，用來幫助網頁設計師和前端開發者可以快速編碼實現漂亮的網格佈局。它可讓你快速建立出各類各樣的網格佈局，而且很是輕鬆和簡單。這個框架的CSS充分符合語義驗度，嚴格的Xhtml等標準。

13. Less Framework 3

它是一個以less.js爲基礎的CSS框架，它充分利用它的混入，變量和築巢等高級功能。

14. Elements

是一個很是輕量級的css框架，從它的代碼組織結構來看做者顯然是但願真個project可以所有部署在它這個css的framework中。

15. Boilerplate

它是一個HTML/CSS/JS的預設模版，它能夠幫助你建設一個支持HTML5-CSS3，跨瀏覽器的網站。

17. The 1kb CSS Grid

若是你僅僅須要一個輕量級的 CSS 網格系統，來構建你網站的主框架，那麼你能夠嘗試下 1Kb CSS Grid。1KB CSS Grid 網站上提供了一個生成器用來定製 CSS 網格，而且能夠直接下載定製好的 CSS 網格。

18. Fluid Grid System

一個網站的導航菜單文字不能提供足夠的信息，來表達當前菜單按鈕的內容，通常的解決辦法是使用提示信息ToolTip，那麼流動導航菜單也能夠解決此問題，同時也爲網站設計的添加了一些時尚而又動感元素。

19. Content with Style

Content with Style下一個邏輯步驟就是將這個擴展爲CSS框架，容許使用寫好並經過測試的組件來快速開發網站。實際上所需的是搞定一套命名習慣和一個靈活的基本模板。

20. WYMstyle

WYMstyle是一組CSS文件，你能夠很容易的組合這些文件來快速的建立你的網站的佈局。經過提供可靠的、通過良好測試的CSS模塊，WYMstyle 力求讓每一個網站防止枯燥的跨瀏覽器兼容性測試。

21. The Golden Grid

是vladocar開發的一款比較新的CSS框架，能夠爲現代網站設計提供一個全新的佈局參考。它很是小巧，因此很容易學習上手。其中的某些處理佈局的方法是很值得借鑑的。若是你瞭解960網格系統，那麼這個框架，你會更加容易使用。

22. Yet Another Multicolumn Layout (YAML)

YAML是一個 (X)HTML/CSS 框架，它爲了知足彈性的和用戶友好的佈局而開發的。YAML自2007年出現以來就提供了廣而全的文檔。像許多其餘的CSS-Framework如Blueprint CSS 或 YUI Grids 同樣，提供了一個預約義的 CSS-classes 系統，用來建立基於網格的佈局。要建立一個佈局，設計師須要建立網站 HTML 結構，而後爲容器（html標籤）書寫CSS，剩下的就自理了。

23. Compass

Compass是一種樣式的創做的框架,使你的樣式表和標示容易創建和維護。寫本身的樣式用sass而非原來的是css,利用Sass中的Mixins和Compass結合,你能夠應用樣式框架如Blueprint來代替你本身的樣式標記.Compass基於sass,能夠利用css框架好比Blueprint,很是的便捷.