属性简写

属性简写需要你非常清楚属性值的正确顺序,而且在大多数情况下并不需要设置属性简写中包含的所有值,所以建议尽量分开声明会更加清晰;

marginpadding 相反,需要使用简写;

常见的属性简写包括:

  • font
  • background
  • transition
  • animation
  1. /* not good */
  2. .element {
  3. transition: opacity 1s linear 2s;
  4. }
  5. /* good */
  6. .element {
  7. transition-delay: 2s;
  8. transition-timing-function: linear;
  9. transition-duration: 1s;
  10. transition-property: opacity;
  11. }