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