重构要点1:dom的每一个模块都要有一个wrap,公用的样式单独放在一起,如果某个模块样式有改变时,根据其wrap的类为其限制。
要点2.创建公共样式时,最好用类以定义而不是用标签。
要点3.雪碧图的使用。background-size给一个定值。如手机设置时1rem=40px,那么800*1200的图片就设置为20rem 30rem,这样在设置位置时就可以精确的定位。
要点4.使用less时,嵌套结构尽量少,越多越不好。样式尽量公用而不是复用,这样对一个模块的限制就会超多,不好。
要点5.两个inline-block的居中对齐。两个行内块都要设置vertical-align:middle
要点6.不要使用无意义的空标签,如果必须使用,那么为其添加一定的说明内容,然后使字体隐藏。
网友评论