6

Pure是一个可以应用到所有web项目的小巧的、响应式的CSS模块集。

purecss layout

小即是美

Pure相当小,所有模块压缩后只有4.4KB* ,并且依然保持着响应式的设计和易用性。保持文件的大小对移动设备来说非常重要,所以我们对每行CSS都进行了仔细的考虑。如果你决定只使用部分模块,你将会节省更多的字节。

* 文件大小指将各个模块合并之后使用gzip压缩的数据。

基础架构

Pure以Normalize.css为基础,为HTML元素提供了布局和样式,增加了一些常用的UI组件。

响应式布局

Pure是响应式的,所以能适应各种屏幕大小的设备。你可以通过皮肤编辑器去定制你自己的样式。通过使用网格模块, 菜单模块等,你可以很简单地在所有大小的屏幕上创建漂亮的响应式布局。布局模块可以帮助你很快地开始项目,给你的项目打造一个很好的基础。

你自己的风格

Pure只提供很简单的样式,鼓励你基于它去创建自己的样式。它的设计目标之一就是让你可以很简单地覆盖样式,去实现自己的风格。

跟其他框架相比,Pure的设计会让你更容易添加新的css规则去重写已经存在的规则。只需添加几行CSS代码,你就可以把你重写Pure的样式,展示到你的网站上。

兼容性

Pure兼容各主流浏览器,IE 7+ 以上支持良好,IE 6的效果也还可以(圆角、侧边停靠有问题)。

项目主页

Pure由Yahoo主导开发,是YUI的一部分,可以单独使用。

项目主页
项目主页中文翻译


编撰 SegmentFault


思否编辑部
4.3k 声望116.9k 粉丝

思否编辑部官方账号,欢迎私信投稿、提供线索、沟通反馈。