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: margin-top:5px; margin-bottom:6px

La abreviatura es: margin:5px 0 6px. 0 O margin:5px auto 6px auto

2 Solo abreviaturas izquierda y derecha

Original: margin-left:5px; 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: margin-top:5px; margin-bottom:6px; margin-left:4px

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

4. Abreviaturas de los mismos valores en los cuatro lados

Original: margin-top:5px margin-bottom:5px; -left:5px; margin-right: 5px

Abreviatura: margin: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 en los cuatro lados tienen la misma abreviatura

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

Abreviatura: margen:5px 7px;