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;