【CSS】规范大纲

时间:2022-06-18 12:34:34

文件规范:

文件分类 : 通用类 ;业务类。
文件引入:行内样式(不推荐);外联引入;内联引入。(避免使用Import引入)
文件本身:文件名。
编码:UTF-8。

注释规范:

块状注释:统一缩进,在被注释对象之上。
单行注释:文字两端空格 ,在被注释对象之上。
行内注释:文字两端空格,放分号后面。

命名规范:

CSS选择器命名:
分类命名:如外部wrap命名g-开头内部 m-开头。
命名格式:大小写(建议小写) 长度(缩写 权衡长度和可读性)。
语义化命名:以内容语义来命名。

书写规范:

CSS书写规范:

单行或多行。
空格与分号:
      空格:缩进 2个或4个)规则内空格
      分号:是否保留最后一个属性值得分号
属性顺序:按属性重要性顺序书写(先显示属性 再自身属性 最后文本属性和其他修饰性属性)
Hack方式: 如IE6前加_ IE6/7前加*,不要滥用Hack;
统一属性值:如color怎么写 一般选#xxx,url()里面是否有引号 单引或双引

其他规范:

文档声明:首行2顶格开始
闭合:闭合标签、自闭合标签最后面/要不要
属性:单引或双引
层级:用缩进体现层级 标签正确嵌套 嵌套不能太深
注释相关。
大小写: 建议标签、属性均小写
图片规范:
文件名称:根据语义及图片尺寸。
保留源文件。
图片合并。