一组轻量级、响应式的CSS模块。

<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.5.0/pure-min.css">

这就上手 GitHub有源码

Pure.CSS 占用极小的空间和带宽。

Pure小的没有节操,全部模块gzip压缩后才 4.4KB* 。 考虑到移动端,保持文件尽量小对我们来说非常重要,每一行CSS都经过深思。如果你只用部分模块,简直小的忽略。

* 上面标示的是每个模块独立的大小,多个模块合并后进行压缩文件会更小。

Pure基石

Pure基于Normalize.css添加了HTML元素的布局和样式,以及常用的UI组件。全是精华,木有糟粕。

移动端是初衷

Pure是响应式的盒子模型,适应所有尺寸的屏幕。通过皮肤生成器可以自定义样式。

写出你自己的样式

Pure提供最基础的样式,鼓励你基于此写出自己的样式。它被设计为容易覆写,且不影响你自己的样式。

创建响应式布局。

通过使用栅格菜单等,非常容易地创建响应式的布局,各尺寸屏幕完美显示。上手so easy,下面有:

几个栗子

适用于有自己的UI设计的项目

我们认为写新的CSS,比覆盖已有的CSS更容易!!!不同于其它框架,Pure是轻默认、最小化、扁平化,增加几行CSS就生成我们自己的样式了。

扩展 Pure