CSS样式书写顺序以及规范

Posted 2021-10-04 Frazier.

顺序

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 等

规范

CSS缩写属性

CSS有些属性是可以缩写的，比如padding,margin等，这样精简代码同时又能提高阅读体验。

简写命名

很多用户都喜欢简写类名，但前提是要让人看懂你的命名。

不要随意使用Id

id在JS是唯一的，不能多次使用，而使用class类选择器却可以重复使用，另外id的优先级优先与class，所以id应该按需使用，而不能滥用。