第一步：
设置meta
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0
maximum-scale=1.0user-scalable=0" />
第二步：
引用基础css，就是说，所有引用pure的代码之前，需要引入的一个css
<link rel="stylesheet" href="yui.yahooapis.com/pure/0.5.0/base-min.css">
第三步：
引用pure的主css
<link rel="stylesheet" href="yui.yahooapis.com/pure/0.5.0/pure-min.css">
第四步：
引入你需要的pure的css，这里呢，我们抛砖引玉，只管响应式布局：
<!--[if lte IE 8]>
<link rel="stylesheet" href="yui.yahooapis.com/pure/0.5.0/grids-responsive-old-ie-min.css">
<![endif]-->
<!--[if gt IE 8]><!-->
<link rel="stylesheet" href="yui.yahooapis.com/pure/0.5.0/grids-responsive-min.css">
<!--<![endif]-->
这个不能这么比吧，1.addClass是的操作对象是样式名称，操作结果是给你所操作的元素加上指定的样式：
比如有：<div id="AId" ></div>
$("#AId").addClass("class1")=> <div id="AId" class="class1"></div>
2.attr方法是给你所指定的元素加上某些属性
$("#AId").attr("width","200px")=><div id="AId" width="200px"></div>
总结：addClass操作的是样式，而attr操作的是元素的属性，当然有些属性和样式中的属性是对应的。
