什么是Pure.CSS Pure.CSS是什么|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轻松地自定义项目。