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样式书写顺序以及规范的主要内容,如果未能解决你的问题,请参考以下文章