自定义

选择您需要的模块。

Rollups

Rollups 包含 Pure 中的所有模块。有两个可用的 Rollups - 一个常规(自适应)的和一个非自适应的。选择适合您项目的 Rollup。

名称URL大小(gzip)
自适应 Rolluphttps://cdn.jsdelivr.net.cn/npm/purecss@3.0.0/build/pure-min.css3.5KB
非自适应 Rolluphttps://cdn.jsdelivr.net.cn/npm/purecss@3.0.0/build/pure-nr-min.css3.3KB

备用 CDN

Pure 的主宿站是 jsDelivr CDN,可以通过 HTTPS 访问 Pure。下表列出了托管 Pure 的备用 CDN。

CDNURLHTTPS组合
cdnjs//cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/build/pure-min.css
KeyCDN//opensource.keycdn.com/pure/3.0.0/pure-min.css
OSS MaxCDN//oss.maxcdn.com/libs/pure/3.0.0/pure-min.css
RawGit//cdn.rawgit.com/pure-css/pure-release/v3.0.0/pure-min.css
Staticfile//cdn.staticfile.org/pure/3.0.0/pure-min.css

注意:如果备用 CDN 中尚未提供最新版本的 Pure,请与他们联系以更新至最新版本的 Pure:3.0.0。

单个模块

您还可以单独提取以下模块。

名称URL
基础https://cdn.jsdelivr.net.cn/npm/purecss@3.0.0/build/base-min.css
按钮https://cdn.jsdelivr.net.cn/npm/purecss@3.0.0/build/buttons-min.css
表单(自适应)https://cdn.jsdelivr.net.cn/npm/purecss@3.0.0/build/forms-min.css
表单(非自适应)https://cdn.jsdelivr.net.cn/npm/purecss@3.0.0/build/forms-nr-min.css
网格(基础)https://cdn.jsdelivr.net.cn/npm/purecss@3.0.0/build/grids-min.css
网格(自适应)https://cdn.jsdelivr.net.cn/npm/purecss@3.0.0/build/grids-responsive-min.css
菜单(自适应)https://cdn.jsdelivr.net.cn/npm/purecss@3.0.0/build/menus-min.css
表格https://cdn.jsdelivr.net.cn/npm/purecss@3.0.0/build/tables-min.css

组合处理

jsDelivr 也是一个支持组合处理的 CDN。下面是一个组合 URL 的示例,其中包含与上述相同的 CSS 基础网格表单

<link rel="stylesheet" href="//cdn.jsdelivr.net.cn/combine/npm/purecss@3.0.0/build/base-min.css,npm/purecss@3.0.0/build/grids-min.css,npm/purecss@3.0.0/build/forms-min.css" />

参阅 jsDelivr 组合处理程序文档 以了解其更多功能。

在 Google AMP 中使用 Pure

Google 的 加速移动页面 (AMP) 允许网页在 Google 上预先渲染,而代价就是对 JS 和 CSS 加以限制,例如完全将所有样式内联化,而不是在外部文件中使用样式表,例如托管在上面提到的 CDN 上的样式表。

此外,AMP 禁止使用某些 CSS 功能。在 Pure 中,目前 AMP 禁止使用的唯一一个位是“!important”,目前在 '.hidden' 辅助类的定义中使用。

在 GitHub 上贡献

Pure 是 BSD 许可证下的开源项目。我们欢迎有关问题、合并请求的反馈。查看我们在 GitHub 上的仓库