CSS样式书写顺序以及规范

Posted Frazier.

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了CSS样式书写顺序以及规范相关的知识,希望对你有一定的参考价值。

顺序

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应该按需使用,而不能滥用。

以上是关于CSS样式书写顺序以及规范的主要内容,如果未能解决你的问题,请参考以下文章

实力分享CSS 使用的书写规范顺序与偏门又实用的样式

前端-CSS 样式书写规范

CSS代码书写规范

CSS代码书写规范

CSS代码书写规范

CSS代码书写规范