¿Abreviar o no abreviar propiedades?

Siempre veo que en todos lados se aconseja abreviar las propiedades por distintas razones, lo cual veo increíble siempre y cuando esto se aproveche, pero no le veo tanto sentido si esto lo usamos solo para una parte.

.elemento {
    padding: x x x x;
    margin: x x x x;
}

Supongamos que necesitamos poner un margen superior a algún elemento, basta con que usemos margin-top y no declarar margin solo para una cosa.

/* Cool */

.elemento { 
    margin-top: 10px;
}

/* No tan cool */

.elemento { 
    margin: 10px 0 0 0;
}

Otra desventaja que veo al hacer esto, es en el responsive design, puede que más adelante tengamos que mover dichas propiedades, pero al usar margin ya hicimos que estos tengan un valor de 0 por defecto y eso puede afectar al diseño de nuestro sitio.

Todo depende de lo que se necesite hacer, si necesitamos algo en concreto, recomiendo hacerlo de la forma no abreviada, pero si vamos a hacer uso al menos de tres de ellos, estaría bien abreviar dicha propiedad.

.elemento { 
    margin: 10px 10px 10px 0;
}

Esto aplicaría para todas las propiedades que se pueden abreviar como padding, background, etc.

results matching ""

    No results matching ""