CSS的书写顺序、规范、命名规则等

持续更新ing

一、书写顺序

(1) 位置属性

• position、top、right、z-index、display、float、、、

(2) 大小

• width、height、padding、margin、、、

(3) 文字系列

• font,、line-height、letter-spacing、color- text-align、、、

(4) 背景

• background、border、、、

(5) 其他

• animation,、transition、、、

二、书写规范

(1) 一律小写

(2) 多使用CSS缩写属性

• padding、margin、font、background、、、

(3) 去掉小数点前的“0”

• 0.3 写成 .3

(4) 颜色代码可以缩写的尽量缩写

• #aabbcc 等价于 #abc

(5) 长名称连接符

• 一个是下划线“_”
• 一个是长横线“-”
  • 我看到淘宝采用长横线，而京东是两种混用
  • 有种说法是为了区分JS的变量名去使用长横线
  • 也有说法是对于长名称的CSS名称，使用下划线可以通过鼠标双击选中，而使用长横线只可以选择单个单词

(6) 不随意使用Id

(7) url()函数里面的链接不要使用引号

(8) 长度为0时，省去单位

三、命名规则

• 暂时略过

参考

CSS编码规范
CSS书写规范、顺序和命名规则