📜  什么是PureCSS

📅  最后修改于: 2021-01-08 05:07:04             🧑  作者: Mango

什么是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 Media Query Applies Classname
none none always .pure-u-*
sm @media screen and (min-width: 35.5em) ? 568px .pure-u-sm-*
md @media screen and (min-width: 48em) ? 768px .pure-u-md-*
lg @media screen and (min-width: 64em) ? 1024px .pure-u-lg-*
xl @media screen and (min-width: 80em) ? 1280px .pure-u-xl-*

标准CSS

Pure.CSS非常容易学习,因为它使用标准CSS。它不依赖于任何外部JavaScript库,例如jQuery。

最小尺寸

Pure.CSS具有非常小的平面设计。可以最小化整个模块集并将其压缩到4.0 KB之内是如此之小。它的设计方式是,用户可以轻松地添加新的CSS规则,而不是覆盖现有CSS规则。

您可以通过添加几行CSS轻松地自定义项目。