By Jacob Gube

你或許不需要用到Bootstrap這種大型UI框架的大部分功能，尤其當你想開發簡單直接的項目，并期望越快跑起來越好。幸運的是，有小而快的CSS框架供你選擇。

使用一個小的CSS框架一般意味著更平緩的學習曲線，不依賴JavaScript功能，和更快的加載時間?。

我制作了一個優秀的小型/最小化的CSS框架讓你是探索。它們大部分小于 5 KB(最小化和gzipped后)并包含用于開發響應式頁面的核心工功能。

min，列表中最小的CSS框架，包含響應式 12 列的柵格系統，按鈕樣式，表格樣式，兼容安卓系統的圖標等。min支持古老的瀏覽器比如 IE 5.5

Miligram為的是現代UIs - 使用了FlexBox作為柵格系統，用rem作為長度和大小的單位，并且移動優先。在這個極端上的代價是：Miligram只支持最新的Chrome，Firefox，IE，Safari和Opera。

Blaze css在輕量化上面已經非常出眾，但是你還可以更進一步的優化。由于模塊化的設計是的用戶可以只引入需要的模塊。(參考?instructions for creating a custom Blaze CSS build?了解更多)

Kube在小于6KB的CSS框架中出了一記重拳。他擁有一個響應式柵格系統，一套健壯的網頁表單類，通知類用于展示重要信息，等等。

Pure，Yahoo！開發者發起的開源項目，是一套幫助開發響應式頁面的CSS模塊。Pure幫助你快速建立響應式設計。對所有元素有幾本的樣式(在Normalize.css上建立起來)，以及對應于柵格布局，網頁表單，按鈕和表格的模塊，以及?導航菜單.

自稱“CSS微框架”，Furtive專門針對現代web設計。像Miligram，Furtive移動優先，有一個響應式的基于FlexBox的網格，是用rem單位作為長度的大小。并對表單，按鈕，基礎顏色等有涵蓋。

雖然超過一年都沒有被更新, Skeleton任然是構建現代響應式設計的一流框架。包含一個直觀的柵格系統和基本類型。

FOX CSS是一個輕量化，模塊化的CSS框架。使用了移動優先的設計原則，支持最早到 IE 9，以及一個non-aggressive的?CSS reset?(受 KNACSS 啟發).

Basscss有超過22個css模塊組成，包括CSS reset，柵格系統，顏色類，工具類，幫助你構建響應式設計，更難得的是，Basscss功能出奇的豐富，畢竟它不到 4 KB。

Siimple是一個最小化的CSS框架，用于構建響應式的感覺的網站設計。于Skeleton類似：它有一個直觀的12列網格系統和對布局、表格、按鈕和表單等的基本樣式。

LotUs是最小的css框架之一。它覆蓋的重點有：響應式網格系統，排版，按鈕和表單。

Picnic CSS是一個輕量化的全段Sass框架，讓你可以輕易的定制參數如顏色和長度。它還有一些讓人驚嘆的純CSS組件如 Modal 彈窗和內容滑動器。

Summary Table

下面列表包含了上述CSS框架一些具體的參數。

名字

*大小

文檔

版權

GitHub倉庫

**熱門度

1.02 KB

MIT

685**

4.05 KB

MIT

3,000**

4.0 KB

BSD

13,373**

2.37 KB

MIT

369**

1.57 KB

MIT

10,884**

2.46 KB

Unknown

87**

3.49 KB

MIT

2,597**

1.80 KB

MIT

14**

*大小?是指?minified 和 gzipped 后的大小，這個值是從我的獨立測試環境中計算出來的。

**熱門度試著github上星的個數，指的是用戶關注代碼變化的數量。星?個數越高越好.**

原創文章，轉載請注明：轉載自http://whohelpme.com/blog/main/admin.html

總結

以上是生活随笔為你收集整理的轻量纯css框架,网页设计的12个轻量CSS框架的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。