最近公司要做手机端页面 ,之前没做过,也只是给另一边的美工指点一下,
不过发现现在写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设置为非块的
反之~~~
好了,不扯了