Propiedades Shorthand con CSS

Definir estilos de los elementos de un sitio web nos puede ocasionar la generación de archivos de estilos grandes y el navegador del usuario finalmente tiene que descargar los estilos para apreciar correctamente el sitio y la demora en la descarga de estos archivos nos podria ocasionar que el sitio web no se aprecie correctamente, esto se presenta con mucha freccuencia, sobre todo con conexiones lentas.

Las propiedades Shorthand de CSS permiten definir propiedades en pocas líneas y así disminuir al menos, el tamaño de las hojas de estilos y facilitar su comprensión.

Por ejemplo,

En una hoja de estilo tradicional se tendría algo así para definir el estilo de un párrafo:

p {
font-style: normal;
font-variant: small-caps;
font-weight: bold;
font-size: 1.5em;
line-height: 1.5;
font-family: Arial, sans-serif;
}

Pero lo mismo se puede definir respetando las propiedades short-hand, como se muestra el ejemplo a continuación:

p{
font: normal small-caps bold 1.5em/1.5 Arial, sans-serif;
}

Se logra un ahorro kbytes generados en los archivos de hojas de estilos y una mejor organización que permite comprender de mejor manera los estilos generados.

Via: librosweb.es