美国雅虎公司出品的一组轻量级、响应式纯css模块,适用于任何Web项目。

<link rel="stylesheet" href="https://unpkg.com/purecss@2.0.3/build/pure-min.css" integrity="sha384-nn4HPE8lTHyVtfCBi5yW9d20FjT8BJwUXyWZT9InLYax14RDjBj46LmSztkmNP9w" crossorigin="anonymous">

开始使用 查看源码

Pure.CSS所占的空间几乎可忽略。

Pure 小得不要不要的,压缩成gzip文件仅为3.7KB*。我们力求每一行代码都精简到极致,以便最大程度压缩CSS大小,更利于移动Web制作。如果您仅使用其中的一部分模块,那CSS真是小到没有朋友了!

* 此处仅指单个模块大小,多个模块合并压缩会更小。

Pure基于Normalize

Pure 基于 Normalize.css,提供HTML元素布局、样式以及最常用的UI组件,几乎没有多余的代码。

Pure为移动而生

Pure 原生支持响应式, 在所有屏幕尺寸下的显示效果都是杠杠的!

Pure拥有无限可能

Pure除了提供基础样式外,可拥有极强的扩展性,你可以基于Pure打造出属于你自己的样式。没有做不到,只有想不到。

创建响应式布局。

搭配使用网格, 菜单等功能,很容易制作出很美的响应式布局,且在各屏幕尺寸都能完美显示。为了让你更容易入门,我们准备了几个模板,可以看一看,然后开始你的第一次吧!

查看模板

实现个性化UI

Pure不同于其他框架,她更加开放化、简单化、扁平化。我们始终认为:编写新的CSS规则比覆盖已有的CSS规则更容易。通过增加几行代码就能做出属于你自己的的UI,想想都让人激动!

Pure 扩展