css 简写属性 规则 次序 汇总 书写顺序

简写属性顺序

1.animation 次序：-name -duration -timing-function -delay -iteration-count -direction

2.background 次序：-color -image -repeat -attachment -position

3.border 次序：-width -style -color

4.border-image 次序：-source -slice -repeat

5.font 次序：-style -variant -weight -size/line-height -family

6.list-style 次序：-type -position -image

7.columns 次序：-width -count

8.column-rule 次序：-width -style -color

9.transition 次序：-property -duration -timing-function -delay

10.margin/padding

省略的属性等同于前第二个属性值，第二个等于第一个，例如下等于上，左等于右。常见顺序为上右下左。

1px == 1px 1px 1px 1px

1px 2px == 1px 2px 1px 2px

1px 2px 3px == 1px 2px 3px 2px

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等)