什么是Pure.CSS

本文概述

  • Pure.CSS的重要功能
  • 响应式设计
  • 标准CSS
  • 最小尺寸
【什么是Pure.CSS】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- *
标准CSSPure.CSS非常容易学习, 因为它使用标准CSS。它不依赖于任何外部JavaScript库, 例如jQuery。
最小尺寸Pure.CSS具有非常小的平面设计。可以缩小整个模块集并将其压缩到4.0 KB之内是如此之小。它的设计方式是, 用户可以轻松地添加新CSS规则, 而不是覆盖现有CSS规则。
你可以通过添加几行CSS轻松地自定义项目。

    推荐阅读