突然感觉自己代码写的乱糟糟,赶快百度一下,学习学习规范的写法,顺便记录一下
1.class命名
有一下几种方式:className,class_name,class-name。其中据了解很多人js中使用第一种驼峰命名法,css中使用第二种或第三种,但是看网上有文章比较推荐第三种命名法,原因是可以少按一个shift键加快编程速度。笔者在没有查到这是什么命名法,但是看了一下很多大型网站的源码中css都是采用class-name命名方法。(注:其实很多公司有自己的规范,而且这些也可以凭喜好了,怎么顺眼怎么来)
2.class书写顺序
位置>宽高>字体属性>视图
位置(z-index,position,left ,top,margin,padding等)
宽高(width ,height,min-height等)
字体属性( font-size , font-weight等)
视图(border,background等)
3.css缩写属性
距离为0时 : margin:0px; 去掉px---> margin:0;
padding或margin左右距离相等时: padding:10px 5px 5px 15px; 去掉一个属性值---> padding:10px 5px 15px; (优点:这样改值的时候只改一个值就可以了)
去掉小数点前的0: font-size:0.5em; 去掉0---> font-size:.5em;
16进制色值(有些可以缩写): color:#aabbcc; 缩写---> color:#abc;
目前先记录这些!代码洁癖从现在做起^_^
原文:http://www.cnblogs.com/sspp/p/6647463.html