當啟動一個新的項目，使用?CSS?框架或樣板，可以幫助您節省大量的時間。在這篇文章中，我編譯整理了我最喜歡的?CSS樣板，框架和庫，幫助你在建立網站或應用程序時更加高效。

好文推薦：
《想學響應式設計？來看史上最全的響應式設計資源庫》
《經典推薦：CSS學習中的瓶頸》
《值得網頁開發人員收藏的16款HTML5工具》

Bootstrap

如果你想給你的新項目的專業的外觀和感覺，Boostrap?可能是你需要的工具。它擁有一個非常干凈的排版，表格元素，以及設計一個現代化的網站你需要的所有東西。更多信息:?twitter.github.io

Foundation

Foundation 來自?Zurb，是一個非常有趣的工具，特別適合用于創建響應式網頁。Foundation?有很多不同的布局模板，所以在你啟動新項目時，肯定可以幫助你節省很多時間。更多信息:?http://foundation.zurb.com/

Compass

Compass 是一個開源的?CSS?編寫框架。它采用 Sass，擴展了 CSS，增加了嵌套規則，變量，混入，選擇繼承等特性。絕對值得一試！更多信息:?http://compass-style.org/

Profound Grid

這是一個響應式的網格系統，用于固定和流體布局，內置?SCSS。如果你打算開發一個基于網格的布局，你絕對應該試試?Profound Grid。更多信息:?http://www.profoundgrid.com/

Kube

Kube 是一個簡單而簡約的?CSS?框架，基于靈活的網格和漂亮的印刷字體。如果你正在尋找一個輕量級的框架，沒有強加的風格，那么這是適合你的工具。更多信息:?http://imperavi.com/kube/

Topcoat

我知道，我已經在文章介紹過很多次 Topcoat 了，不過 Topcoat?是真的很棒！如果你想能夠快速，輕松地創建一個專業的網站，那么這是一個很好的選擇。更多信息:?http://topcoat.io/

Pure CSS

Pure CSS 來自雅虎，是一組?CSS?模塊，您可以作為基礎在每一個?Web?項目中使用。它使 CSS 開發更容易，整個框架看起來很干凈，專業。如果你還沒有用過的話，嘗試一下！更多信息:?http://purecss.io/

KNACSS

KNACSS 是一個簡約的，響應式的和可擴展的?CSS?框架。它處理基本要素，盒大小，邊距，浮動，簡單和復雜的對齊，定位，布局網格，間距等等，而且一切都是自動的！更多信息:?http://www.knacss.com/

Metro UI

你喜歡 Windows 8 的風格嗎？如果是的話，我敢打賭，你會喜歡的 Metro UI，這個?CSS?框架允許你創建的 Windows 8 風格外觀和感覺的網站。更多信息:?http://metroui.org.ua/

Skeleton

Skeleton 是一個小的?CSS?文件集合，可以幫助你迅速開發在任何尺寸都外觀漂亮的網站，不過是在17寸的筆記本電腦的屏幕或 iPhone 上。更多信息:?http://www.getskeleton.com/

原文地址：cnblogs

 
================關于優設網================
"優設網uisdc.com"是一個分享網頁設計、無線端設計以及PS教程的干貨網站。
【特色推薦】
PS禮儀手冊：網頁設計師必須修煉的內功技法，更是不可或缺的WEB設計指南http://hao.uisdc.com/ps/。
設計微博：擁有粉絲量63萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎？
添加 優秀網頁設計 微信號：【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加：