本文概述
Pure.CSS是CSS的框架。它是可在任何Web应用程序中使用的少量响应式CSS模块的集合。它用于创建更快, 更美观, 响应速度更快的网站。它可以用作Bootstrap的替代方法。
Pure.CSS由Yahoo开发。
Pure.CSS由以下模块组成：
- 基础
- 格网
- 形式
- 纽扣
- 桌子
- 选单
Pure基于Normalize.css, 该库可以更一致地呈现元素并符合现代标准, 并且可以在较旧的浏览器中运行。
Pure.CSS的重要功能
- 它是小型响应式CSS模块的集合。
- 免费使用。
- 推进SEO优化。
- 很好用。你可以直接使用它, 而无需安装它。
- 它具有内置的响应式设计。
- 它是最小占用空间的标准CSS。意思是, 它很小。整个模块的最小时钟压缩为4.0KB *。
- Pure.CSS由几个预先构建的通用元素组成, 例如网格, 表单, 按钮, 表格, 分页器和CSS下拉菜单。
- Pure.CSS支持阴影和粗体颜色。在各种平台和设备上, 颜色和阴影保持一致。
响应式设计
Pure.CSS具有内置的响应功能。它的创建方式可以根据设备大小重新设计。它具有内部12列移动优先流体筛网, 支持小, 大和中型筛孔尺寸的响应式。因此, 使用Pure的网站与PC, 平板电脑和移动设备完全兼容。
| Key | CSS媒体查询 | Applies | Classname |
|---|---|---|---|
| none | none | always | .pure-u- * |
| sm | @media屏幕和(最小宽度：35.5em) | ？ 568像素 | .pure-u-sm-* |
| md | @media屏幕和(最小宽度：48em) | ？ 768像素 | .pure-u-md-* |
| lg | @media屏幕和(最小宽度：64em) | ? 1024px | .pure-u-lg-* |
| xl | @media屏幕和(最小宽度：80em) | ？ 1280像素 | .pure-u-xl- * |
标准CSS
Pure.CSS非常容易学习, 因为它使用标准CSS。它不依赖于任何外部JavaScript库, 例如jQuery。
最小尺寸
Pure.CSS具有非常小的平面设计。可以缩小整个模块集并将其压缩到4.0 KB之内是如此之小。它的设计方式是, 用户可以轻松地添加新CSS规则, 而不是覆盖现有CSS规则。
你可以通过添加几行CSS轻松地自定义项目。
