Shorthand

Las propiedades shorthand es una bonita terminología cuando establecemos varios valores de diferentes propiedades en un mismo apunte.
Hay una cosa que me gusta y a veces ha sido criticado, es escribir el css en línea, y no es más que la obsesión por simplificar css y es debido a que un portal web profesional, acustumbra a tener varias hojas de estilo que pesan y suman cada renglón, debe entenderlo el navegador lo más rápidamente posible. Así que si reducimos líneas, mejor, y si anotamos los valores de varias propiedades relacionadas en el mismo apunte, más que nos quitamos.
Los shorthand ayudan a simplificar al máximo, lo hemos usado mucho, estas son algunos ejemplos:

   p {   font: normal small-caps bold 1.5em/1.5 Arial, sans-serif; } div {   margin: 5px 10px;   padding: 3px 5px 10px 7px; } h1 {   background: #FFF url("imagenes/icono.png") no-repeat 10px 5px; }     

Si además de mostrar varias propiedades y sus valores en la misma línea, pusieramos en una línea las reglas de un estilo. Por ejemplo:

   div { margin: 5px 10px;  padding: 3px 5px 10px 7px; }   

Conseguiríamos además aligerar el tiempo de carga de la página.

Estas líneas es la forma abreviada de decir:

 p {   font-style: normal;   font-variant: small-caps;   font-weight: bold;   font-size: 1.5em;   line-height: 1.5;   font-family: Arial, sans-serif; } div {   margin-top: 5px;   margin-right: 10px;   margin-bottom: 5px;   margin-left: 10px;   padding-top: 3px;   padding-right: 5px;   padding-bottom: 10px;   padding-left: 7px; } h1 {   background-color: #FFFFFF;   background-image: url("imagenes/icono.png");   background-repeat: no-repeat;   background-position: 10px 5px; }   

Infinitamente mejor.

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión /  Cambiar )

Google photo

Estás comentando usando tu cuenta de Google. Cerrar sesión /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión /  Cambiar )

Conectando a %s