寫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設置爲非塊的
反之~~~
好了，不扯了