介绍Pure.css - 一个轻巧的响应式框架

精简的CSS框架

pure.css，简化了网站设计。与Bootstrap这样的较重的框架不同，Pure具有紧凑的足迹（在4KB的范围下缩小和GZZE），它非常适合具有性能意识的项目。 它的模块化设计使您仅包含必要的组件，进一步降低文件大小。>

将pure.css与一行集成：

<code class="language-html"><link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.6.0/pure-min.css"></code>

密钥功能：

• 轻巧且响应式： Pure的最小设计和响应网格系统确保快速加载时间和跨设备的最佳查看。>
唯一的网格系统：
• 纯度使用与Bootstrap不同的分数网格系统（pure-g和pure-u-*），在布局设计方面具有灵活性。
>可自定义的菜单：
• >轻松创建和自定义垂直和水平导航菜单，包括下拉功能。 使用Pure的形式和网格模块， >多功能形式：
构建各种形式的样式，包括堆叠，对齐和多柱形式。
• 可扩展且可自定义： 可以轻松扩展Pure的功能和样式，以符合您的特定设计需求。 将其与没有冲突的其他框架相结合。
>
• 网格系统概述：

>

Pure的网格系统使用作为包装器和单位的类。宽度定义为分数（例如，

为40％）。 使用媒体查询（例如，

）。 pure-gpure-u-*>示例：pure-u-2-5 pure-u-md-2-3

导航菜单：

<code class="language-html"><div class="pure-g">
  <div class="pure-u-1 pure-u-md-1-5">One</div>
  <div class="pure-u-1 pure-u-md-2-5">Two</div>
  <div class="pure-u-1 pure-u-md-2-5">Three</div>
</div></code>

Pure提供简单的垂直菜单，可轻松地使用

>转换为水平菜单。 下拉菜单是通过添加>和。

来创建的

pure-menu-horizontal>表格：pure-menu-has-children pure-menu-allow-hover

>使用基本表单，

用于堆叠的布局，而对齐的表单则使用>。 多列形式利用网格系统。

pure-form自定义和扩展：pure-form-stacked Pure的最小造型可以轻松自定义。 创建自定义样式，并将纯净与其他框架相结合，例如Bootstrap。pure-form-aligned>

结论： pure.css为Web开发提供了一个强大而轻巧的解决方案。它的简单性和灵活性使其成为更大框架的引人注目的替代品，尤其是在性能至关重要的时候。 探索其潜力并有助于其在Github上的持续发展。

>常见问题：

• 轻巧的性质：纯净的小尺寸（3.8kb缩小和gzpipted）可确保快速加载时间。
• 响应能力：>构建基于归一化的css并利用响应式网格系统，纯净的网格系统无缝地适应各种屏幕尺寸。
• 自定义：>轻松自定义纯样式以适合您的设计要求。
>
• 核心组件：包括网格，表单，按钮，表和菜单。> 与其他框架进行比较
• 纯正优先级优先于广泛的功能。
• 初学者友好型：它的直接性质使初学者可以使用。>
> JavaScript兼容性：与JavaScript库和框架无缝地工作。
• 主动维护：
在github上连续维护和更新。
• >开源和免费：
>
• 可免费使用的BSD许可证可用。

以上是介绍Pure.css - 一个轻巧的响应式框架的详细内容。更多信息请关注PHP中文网其他相关文章！