webapp重构

 重构要点1:dom的每一个模块都要有一个wrap,公用的样式单独放在一起，如果某个模块样式有改变时，根据其wrap的类为其限制。

要点2.创建公共样式时，最好用类以定义而不是用标签。

要点3.雪碧图的使用。background-size给一个定值。如手机设置时1rem=40px,那么800＊1200的图片就设置为20rem 30rem，这样在设置位置时就可以精确的定位。

要点4.使用less时，嵌套结构尽量少，越多越不好。样式尽量公用而不是复用，这样对一个模块的限制就会超多，不好。

要点5.两个inline-block的居中对齐。两个行内块都要设置vertical-align:middle

要点6.不要使用无意义的空标签，如果必须使用，那么为其添加一定的说明内容，然后使字体隐藏。