Pure 是一组小巧且支持响应式布局的 CSS 模块,可用于任何 web 项目。

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

入门GitHub

体积最小的 CSS 框架。

Pure 非常小。所有模块经过精简并压缩后仅为 3.7KB* 。出于对移动设备的考虑,保持文件尺寸足够小对我们很重要,并且每一行 CSS 代码都经过了仔细的斟酌。如果您仅使用 Pure 的部分模块,那么文件体积还能更小。

* 我们的数学真不是体育老师教的 :) 上面的数字是每个模块的体积,当把它们合并在一起统一压缩时,体积还可以更小。

成为你的 CSS 基石。

Pure 基于 Normalize.css 构建,为原生 HTML 元素提供了布局和样式,以及最常见的 UI 组件。都是你所需要的,没有冗余。

移动设备优先

Pure 原生支持响应式布局,在所有屏幕尺寸下的显示效果都非常棒。

没有阻碍。

Pure 提供了最精简的样式,并且鼓励你在此基础上为你的应用程序编写属于你自己的样式。这样设计的目的是减少阻碍,让你很容易覆盖已有的样式。

Diagram of a sample layout.

创建响应式布局。

通过使用 网格(Grids)菜单(Menus)等组件,很容易为所有尺寸的屏幕创建美观的响应式布局。我们尽量降低了入门的门槛。我们提供了几个不同的布局模板以供参考,为你的下一个 web 项目提供坚实的基础。

查看布局模板

创建属于你自己的 UI。

不同于其它框架,Pure 的设计更加开放、简单、扁平化。我们相信,添加新的 CSS 规则比覆盖已有的 CSS 规则容易得多。通过添加几行 CSS,您可以定制 Pure 的 UI,以便更好地适应你的 web 项目。

扩展 Pure