新闻资讯

新闻资讯 产品更新

Pure : 来自雅虎的纯 CSS 框架

编辑:admin     时间:2015-04-07

Pure也是一款很出色的CSS框架,之前分享的Bootstrap是由Twitter出品的,而Pure是来自雅虎的。尽管从UI界面效果上来说,Pure没有Bootstrap那样精美,但Pure是纯CSS实现的,因此非常小巧,整个框架压缩后只有5.7k左右。

Pure的特点
最大的特点就是框架基于纯CSS,无任何JavaScript代码,渲染速度比较快。
由Yahoo出品,技术上应该不存在太大问题。
框架十分小巧,压缩后仅5.7k。
组件也很丰富,包括表格、表单、按钮、表、导航等。
CSS类的标识十分简单,因此在使用Pure的过程中代码会比较友好。
Pure组件的相关示例及使用方法

首先在页面上引用Pure的CSS库:

在head之间加上以下meta标签,用来控制页面在移动设备上的宽度和高度:

表单
Pure实现横向登录表单

HTML代码:

Pure实现纵向登录表单

HTML代码:

Pure实现多列表单字段的登录表单

HTML代码:

按钮
利用Pure我们实现很多简单的按钮,效果如下:

HTML代码:

 

 

 

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。

回复列表

相关推荐