写css的毛病

最近公司要做手机端页面 ，之前没做过，也只是给另一边的美工指点一下，

不过发现现在写css有一个毛病

那就是类型下面的代码

.text-blue{color:blue}
.text-left{text-alitn:left}

.layoutLeft{float:left}
.layoutRight{float:right}

form labelCom input[type="xx"]{//code}

为什么这样写，原因是在写或看别人的代码时，会发现有很多代码都重复

于是遵循个人感觉

• 找页面中的共同点来封装，如大小，字体等
• 做到对封装后的class只需写 color,background,width,height等即可重用
• 给标签找好父级，防止一些裸生效

我说的裸生效是指类型

.button{width,padding,height,color}乱乱的全生效了

举个例子
比如在非块元素里用的Button那么就给Button设置为非块的
反之~~~
好了，不扯了