有两种使用Pure的方法：
- 本地安装-您可以在本地计算机上下载pure.css文件，并将其包含在HTML代码中。
- 基于CDN的版本-您可以直接从Content Delivery Network（CDN）将pure.css文件包含到HTML代码中。
本地安装
- 转到https://purecss.io/start/下载可用的最新版本。
- 将下载的pure-min.css文件放在您网站的目录中，例如/ css。
例子
您可以在HTML文件中包含css文件，如下所示：
<html>
<head>
<title>The PURE.CSS Example</title>
<meta name = "viewport" content = "width = device-width, initial-scale = 1">
<link rel="stylesheet" href="pure-min.css">
<style>
.grids-example {
background: rgb(250, 250, 250);
margin: 2em auto;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
font-family: Consolas, 'Liberation Mono', Courier, monospace;
text-align: center;
}
</style>
</head>
<body>
<div class="grids-example">
<div class="pure-g">
<div class="pure-u-1-3"><p>First Column</p></div>
<div class="pure-u-1-3"><p>Second Column</p></div>
<div class="pure-u-1-3"><p>Third Column</p></div>
</div>
</div>
</body>
</html>作者：terry，如若转载，请注明出处：https://www.web176.com/purecss/2264.html
