一、文件规范
1.文件按照通用类和业务类进行归档
2.文件使用外联引入,其他一些样式使用内联引入
3.文件名采用小写字母,可适当加中划线,然后使用数字来表示版本
4.编码采用utf-8格式
二、注释规范
1.块状注释:统一缩进,在被注释对象之上
2.单行注释:文字两端空格,在被注释对象之上
3.行内注释:文字两端空格,分号之后
三、命名规范
1.采用分类命名,布局类以g-开头,实际内容以m-开头
2.命名具有可读性且长度适中,适当缩写
3.语义化命名方式
四、书写规范
1.多行书写,便于阅读
2.默认缩进为四个空格
3.css规则内一个空格
4.需要保留最后一个属性值的分号
5.属性书写顺序按照:位置属性——自身盒模型相关属性——显示属性 的顺序来书写
6.尽量少使用Hack,ie6采用_开头,ie67采用*开头,先写ie67的,再写ie6的
7.color命名采用十六进制,且尽量缩写
8.url()文件格式不加引号
五、其他规范
1.<!DOCTYPE html> 顶格开始文档声明
2.闭合标签均闭合,自闭合标签不用闭合
3.属性采用单引号,readonly、checked等属性可以直接写,不用=""
4.采用缩进体现层级,正确嵌套,但不宜太深,影响性能
5.注释:<!-- A --> xxx <!-- /A -->
6.标签属性均小写
7.文件语义化命名,且不能过长
8.保留源文件
9.使用sprite技术来合并图片
10.图片按照模块、业务、页面来划分
模块化的好处
1.利于多人协同开发
2.便于扩展和重用
3.可读性、可维护性好
4.不会导致样式污染
时间: 2024-11-10 07:39:20