您的位置:首页 > Web前端 > CSS

【前端框架系列】Pure : 来自雅虎的纯 CSS 框架

2017-04-18 22:44 337 查看
距离上一次写博文差不多2个多月了吧,对我博客或多或少有影响,最近百度也在开始K我的站,不是做了一个源码扔去刀网,才避免了被K掉

接下来给大家着重介绍一下这个框架吧!来自雅虎的纯 CSS 框架

官方网站:purecss.io(此站貌似被墙,不用担心,还有中文站点哟~)

中文镜像站:www.purecss.cn如果

本来之前还说装个B弄个中文站,貌似被大佬们捷足先登了哈

首先给大家介绍最有特色的Pure栅格系统

Pure栅格默认支持5列24列。下图列出了可以替换单元格class名
pure-u-*
*
的分数。比如用1-2替换*,class名就是
pure-u-1-2
,表示宽1/2,即50%。

基于5列的单元格



基于24列的单元格






自定义单元格大小

我们正在开发可自定义Pure栅格的工具。现在可用的是一个较低级的工具:重新生产栅格插件,我们用它生成Pure的内建单元格的大小。

当然我个人还是比较喜欢Bootstrap的2版本,毕竟单独有Gird栅格系统的嘛,还比较不错~

[u]这个框架也挺不错,大家看看官方就能行了,我自己网站的首页也是自己突发奇想+Pure框架做的哦点我访问!
[/u]

[align=center]坐等我下次再来装逼吧
[/align]
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息