📅  最后修改于: 2021-01-08 05:07:04             🧑  作者: Mango
Pure.CSS是CSS的框架。它是可在任何Web应用程序中使用的少量响应式CSS模块的集合。它用于创建更快,更美观,响应速度更快的网站。它可以用作Bootstrap的替代方法。
Pure.CSS由Yahoo开发。
Pure.CSS由以下模块组成:
Pure基于Normalize.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-* |
Pure.CSS非常容易学习,因为它使用标准CSS。它不依赖于任何外部JavaScript库,例如jQuery。
Pure.CSS具有非常小的平面设计。可以最小化整个模块集并将其压缩到4.0 KB之内是如此之小。它的设计方式是,用户可以轻松地添加新的CSS规则,而不是覆盖现有CSS规则。
您可以通过添加几行CSS轻松地自定义项目。