css 代码规范

来源：互联网发布：python 卡尔曼滤波编辑：程序博客网时间：2024/06/06 22:17

1.一律小写;
2.尽量用英文;
4.尽量不缩写，除非一看就明白的单词.
4.确定编辑器使用utf-8
5.添加必要的注释
3.标签、属性、css 使用小写 <img src="google.png" alt="Google"> color: #E5E5E5;
6.对所有的html文档使用 <!DOCTYPE html>
7.不要关闭空标签写成<br>
8.保持thml css js 文件分离，便于维护，并且合并css js 减少文件的个数
10. 在html5 中不必要为css js 添加 type 属性，因为他们是默认的
11.标签属性使用"",不使用''
12.除非必要，不必要再 # . 前加上元素如span#myId
13.不要加0，font-size: .8em;
14.使用-分割类名
15.避免使用用户代理检测和css hack
16.css 中的缩进只缩进2个空格
17.每个语句后使用分号
18.在属性和值之间使用一个空格；名称和 "{" 之间使用一个空格
19.多个选择器使用一个样式时，每个选择器各占一行
20.每个规则之间使用一个空换行符
21.属性值使用'',url(),不使用引号

命名示例：

(1)颜色:使用颜色的名称或者16进制代码,如 .red { color: red; } .f60 { color: #f60; } .ff8600 { color: #ff8600; }

(2)字体大小,直接使用’font+字体大小’作为名称,如 .font12px { font-size: 12px; } .font9pt {font-size: 9pt; }

(3)对齐样式,使用对齐目标的英文名称,如 .left { float:left; } .bottom { float:bottom; }

(4)标题栏样式,使用’类别+功能’的方式命名,如.barnews { } .barproduct { }

0 0