Abrevie el código CSS a una línea: margin-left: 12px; margin-top: 18px;

La abreviatura correcta es {margin: 18px 6px 0 12px;}

Estilo CSS del atributo de margen, si encontramos situaciones como arriba e abajo, izquierda y derecha, arriba, abajo, izquierda, etc., podemos abreviarlo y optimizarlo.

El uso de margen en CSS puede abreviar margen superior, margen derecho, margen inferior y margen izquierdo en una marca, y el orden es superior, derecho, inferior, izquierdo (en el sentido de las agujas del reloj).

1. Sólo abreviaturas superior e inferior

Original: margen-superior: 5px; margen-inferior: 6px

La abreviatura es: margen: 5px 0 6px 0 O margen: 5px auto 6px auto

2 Solo abreviaturas izquierda y derecha

Original: margin-left: 5px margin-right: 6px

El la abreviatura es: margen: 0 6px 0 5px o margen: auto 6px auto 5px

margen: 0 auto; centrado horizontalmente

margen: auto 0;

3. Sólo abreviatura de tres lados

Original: margen superior: 5px; margen inferior: 6px; margen izquierdo: 4px

Abreviatura: margen: 5px 0 6px 4px o margen: 5px auto 6px 4px

4. Abreviaturas de los mismos valores en los cuatro lados

Original: margen superior: 5px margen inferior: 5px; -izquierda: 5px; margen-derecha: 5px

Abreviatura: margen: 5px

5. Abreviaturas de diferentes valores en los cuatro lados.

Original. : margen superior: 5px; margen inferior: 6px; margen izquierdo: 7px; margen derecho: 8px

Abreviatura: margen: 5px 8px 6px 7px;

6. los valores superior e inferior y los valores izquierdo y derecho de los cuatro lados tienen la misma abreviatura

Misma parte superior e inferior, misma izquierda y derecha Original: margin-top: 5px; margen inferior: 5px; margen izquierdo: 7px; margen derecho: 7px

Abreviatura: margen: 5px 7px;