CSS实战项目中书写规范与顺序

程序员文章站 2022-03-20 10:09:18

...

这次给大家带来CSS实战项目中书写规范与顺序，CSS实战项目中书写规范与顺序的注意事项有哪些，下面就是实战案例，一起来看一下。

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书写规范

使用CSS缩写属性

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

去掉小数点前的“0”

CSS实战项目中书写规范与顺序

相信看了本文案例你已经掌握了方法，更多精彩请关注其它相关文章！