• 属性简写

    属性简写

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

    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. }