写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设置为非块的
反之~~~
好了，不扯了