用于Web设计的12个小型CSS框架

CSS框架 前端开发

在这里总结下比较简约的较好的CSS框架，它们中的大多数都在5 KB（zip压缩后/文档压缩后），但其中包含的要素却足以构建响应式网页设计。

Min

Min,在这所有列出的CSS框架中最小的一个，具有响应式的12列网格系统、按钮样式、表格样式和兼容Android的图标等等，Min甚至支持像IE5.5这样的旧版本浏览器。

官网：http://mincss.com
文档：http://mincss.com/docs.html

Milligram

Milligram是现代用户界面规范，它的网格系统采用FlexBox，大小和长度使用 rem 单元，而且它是移动端先行。但行走在尖端是有代价的：官方Milligram仅仅支持最新版本的Chrome、Firefox、IE，Safari和Opera浏览器。

官网：http://milligram.github.io/
文档：https://milligram.github.io/#getting-started

Blaze CSS

跳出封装，Blaze已经很轻量级，但是由于它的模块化架构你可以让它更小，你可以删除掉项目中不使用的部分只保留你所要使用的（阅读instructions for creating a custom Blaze CSS build了解更多）

官网：http://blazecss.com
文档：http://blazecss.com/getting-started/install/

Kube

Kube包是一个小于6KB的CSS框架，拥有响应式网格系统，提供丰富的样式类为表单、表格、通知等

官网：https://imperavi.com/kube/
文档：http://k1.imperavi.com/(old version)

Pure

Pure，一个由雅虎引领的开源项目，是一套帮助您快速构建响应式网页设计的CSS模块，Pure为所有HTML元素的基本类型（基于Normalize.css），如网格布局模块，Web窗体、按钮、表格、导航菜单等

官网：http://purecss.io/
文档：http://purecss.io/start/

Furtive

自称“CSS微架构”，Furtive是面向现代的web设计。和Milligram一样，Furtive是移动端先行，拥有基于FlexBox的响应式网格框架，并且使用 rem 单元的长度和大小。它的基本内容包括：按钮、窗体、甚至默认颜色类

官网：http://furtive.co/
文档：http://furtive.co/

Skeleton

尽管它已经一年多没更新了，Skeleton仍然一个一流的起点/样板来快速建设现代响应式web设计，它为HTML元素配备了一个直观的网格系统和基本样式

官网：http://getskeleton.com/
文档：http://getskeleton.com/

FOX CSS

FOX CSS是一个轻量级的、模块化的CSS框架，它采用移动端先行的设计方式，支持IE9，并有一个非侵略性的CSS重置（灵感来自KNACSS）

官网：http://fox-css.com/
文档：http://fox-css.com/documents/

Basscss

Basscss由22个CSS模块组成其中包括一个CSS重置，网格系统、颜色类、实用类等来帮助你建立你的响应式设计，Basscss让人惊奇的地方是它的大小小于4KB

官网：http://www.basscss.com/
文档：http://www.basscss.com/#getting-started

Siimple

Siimple是一种简约风格的CSS框架，用来创建简易的响应式web设计。它类似于Skeleton：它有直观的12列网格系统和基本的字体，表格，按钮，形式等等的样式

官网：https://siimple.github.io/
文档：https://siimple.github.io/getting-started

Lotus

Lotus是现存的最小框架之一，它的主要元素包括：一个响应式的网格系统，字体，按钮，和网络窗体。

官网：http://goatslacker.github.io/lotus.css/
文档：http://goatslacker.github.io/lotus.css/

Picnic CSS

Picnic CSS是一个用Sass写的轻量级UI框架，它能更容易的编辑和自定义变量，如颜色和长度。它还有一些不错的纯CSS写的UI组件，如模态窗口和内容滑块。

官网：http://picnicss.com
文档：http://picnicss.com/documentation

汇总

来自：http://sixrevisions.com/css/small-css-frameworks/