首页 > Web开发 > 详细

css中的一些规范

时间:2017-03-30 18:57:41      阅读:253      评论:0      收藏:0      [点我收藏+]

突然感觉自己代码写的乱糟糟,赶快百度一下,学习学习规范的写法,顺便记录一下

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;

 

目前先记录这些!代码洁癖从现在做起^_^

css中的一些规范

原文:http://www.cnblogs.com/sspp/p/6647463.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!