pure

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

Pure的特点

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

Pure组件的相关示例及使用方法

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

<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.6.0/pure-min.css">

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

<meta name="viewport" content="width=device-width, initial-scale=1">

具体参考：

http://www.codeceo.com/article/yahoo-pure-css.html