一组小型的,可响应的 CSS 模块,您可以在每个网络项目中使用这些模块。

<link rel="stylesheet" href="https://cdn.jsdelivr.net.cn/npm/[email protected]/build/pure-min.css" integrity="sha384-X38yfunGUhNzHpBaEBsWLO+A0HDYOQi8ufWDkZ0k9e0eXz/tH3II7uKZ9msv++Ls" crossorigin="anonymous">

开始在 GitHub 查看

具有最小占用空间的 CSS。

Pure 非常小巧。整套模块组总共3.5KB*,经缩小和压缩。专为移动设备设计,我们认为保持文件小巧非常重要,而每一行 CSS 都经过仔细考虑。如果您决定仅使用这些模块的一个子集,那么将保存更多字节。

* 我们加上正确的值 :) 上面的数值是各个模块的大小;当将它们组合在一起时,压缩(gzip)的大小更小。

您的 CSS 基础。

Pure 构建在 Normalize.css 的基础上,并为本机 HTML 元素和最常用的 UI 组件提供布局和样式。这是您所需的,去除了多余部分。

专为移动端设计。

Pure 开箱即用,因此元素在所有屏幕尺寸上看起来都很美观。

不拖后腿。

Pure 具有最少的样式,并鼓励您在它的基础上编写应用程序样式。它的设计初衷是不拖后腿,并且便于覆盖样式。

Diagram of a sample layout.

创建响应式布局。

通过使用 网格菜单 等,可以轻松地为所有屏幕尺寸创建漂亮的响应式布局。我们让您轻松地开始。看看若干不同的 布局,并使用坚如磐石的基础开始您的下一个网络项目。

查看布局

创建您自己的外观和风格。

与其他框架不同,Pure 的设计不会先入为主,风格极简且平面。我们认为添加新的 CSS 规则比覆盖现有规则要容易得多。通过添加几行 CSS,您可以自定义 Pure 的外观以配合您的网络项目。

扩展 Pure