當(dāng)啟動(dòng)一個(gè)新的項(xiàng)目，使用 CSS 框架或樣板，可以幫助您節(jié)省大量的時(shí)間。在這篇文章中，我編譯整理了我最喜歡的 CSS樣板，框架和庫，幫助你在建立網(wǎng)站或應(yīng)用程序時(shí)更加高效。

　　Bootstrap

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

　　Foundation

　　Foundation 來自 Zurb，是一個(gè)非常有趣的工具，特別適合用于創(chuàng)建響應(yīng)式網(wǎng)頁。Foundation 有很多不同的布局模板，所以在你啟動(dòng)新項(xiàng)目時(shí)，肯定可以幫助你節(jié)省很多時(shí)間。更多信息: http://foundation.zurb.com/

　　Compass

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

　　PRofound Grid

　　這是一個(gè)響應(yīng)式的網(wǎng)格系統(tǒng)，用于固定和流體布局，內(nèi)置 SCSS。如果你打算開發(fā)一個(gè)基于網(wǎng)格的布局，你絕對(duì)應(yīng)該試試 Profound Grid。更多信息: http://www.profoundgrid.com/

　　Kube

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

　　Topcoat

　　我知道，我已經(jīng)在文章介紹過很多次 Topcoat 了，不過 Topcoat 是真的很棒!如果你想能夠快速，輕松地創(chuàng)建一個(gè)專業(yè)的網(wǎng)站，那么這是一個(gè)很好的選擇。更多信息: http://topcoat.io/

　　Pure CSS

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

　　KNACSS

　　KNACSS 是一個(gè)簡約的，響應(yīng)式的和可擴(kuò)展的 CSS 框架。它處理基本要素，盒大小，邊距，浮動(dòng)，簡單和復(fù)雜的對(duì)齊，定位，布局網(wǎng)格，間距等等，而且一切都是自動(dòng)的!更多信息: http://www.knacss.com/

　　Metro UI

　　你喜歡 Windows 8 的風(fēng)格嗎?如果是的話，我敢打賭，你會(huì)喜歡的 Metro UI，這個(gè) CSS 框架允許你創(chuàng)建的 Windows 8 風(fēng)格外觀和感覺的網(wǎng)站。更多信息: http://metroui.org.ua/

　　Skeleton

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