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

    原文作者:uncode
    原文地址: https://segmentfault.com/a/1190000000636054
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞