root07 什么是Pure？
Pure是一个CSS框架，它的主要目的是提供一些基本的CSS样式和布局，以便快速构建美观的网站。Pure是一个轻量级的框架，它的代码量非常小，只有几KB，因此可以大大加快网站的加载速度。Pure是由Yahoo!开发的，它的代码是开源的，可以自由地使用、修改和分发。
Pure的特点
下面是Pure的一些主要特点：
- 轻量级： Pure的代码非常小，只有几KB，因此可以大大加快网站的加载速度。
- 响应式： Pure可以自适应不同的屏幕尺寸，因此可以在不同的设备上提供一致的用户体验。
- 模块化： Pure的样式是按模块划分的，因此可以根据需要选择使用不同的模块。
- 易于定制： Pure的样式非常简洁明了，因此可以很容易地进行定制。
- 兼容性： Pure兼容所有现代浏览器，包括IE8+。
Pure的使用
使用Pure非常简单，只需要在网页中引入Pure的CSS文件即可。下面是一个简单的例子：
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/purecss@2.0.3/pure-min.css">
</head>
<body>
<div class="pure-g">
<div class="pure-u-1-2">
<p>左侧内容</p>
</div>
<div class="pure-u-1-2">
<p>右侧内容</p>
</div>
</div>
</body>
</html>
在上面的例子中，我们使用了Pure的栅格系统来创建了一个两列布局。我们使用了pure-g类来创建一个网格容器，然后使用pure-u-1-2类来创建两个等宽的列。
Pure的模块
Pure的样式是按模块划分的，因此可以根据需要选择使用不同的模块。下面是Pure的一些常用模块：
- Base： 包含了基本的样式，如字体、颜色、排版等。
- Buttons： 包含了各种按钮样式。
- Forms： 包含了表单元素的样式，如输入框、下拉框、复选框等。
- Grids： 包含了栅格系统的样式，用于创建网格布局。
- Menus： 包含了菜单样式，如导航栏、下拉菜单等。
- Tables： 包含了表格样式，用于美化表格。
总结
Pure是一个轻量级的CSS框架，它提供了基本的CSS样式和布局，以便快速构建美观的网站。Pure的代码非常小，只有几KB，因此可以大大加快网站的加载速度。Pure是按模块划分的，因此可以根据需要选择使用不同的模块。Pure兼容所有现代浏览器，包括IE8+。
