Escrevendo CSS de maneira rápida (Shorthand)

Shorthand é uma maneira mais rápida e compacta de escrever seu código CSS. E além disso deixa seu código muito menor, mais limpo e de mais fácil entendimento.

Vamos ver alguns exemplos:

Você provavelmente criaria seu código assim:

.header {
      background-color: #fff;        //cor do fundo
      background-image: url(teste.gif);//imagem
      background-repeat: no-repeat;  //sem repetição
      background-position: top left; //posição
    }

Não seria muito melhor escrito assim:

.header {
      background: #fff url(teste.gif) no-repeat top left
    }

Outro exemplo: Tag <font>

Sintaxe

font: font-style | font-variant | font-weight | font-size | line-height | font-family

p {  
 font: x-large/110% "new century schoolbook", serif;  
}

Para saber a sintaxe dos elementos que utilizam shorthands visite http://www.w3schools.com/CSS/css_reference.asp?output=print

Não sabe o que é CSS? Acesse: Introdução ao CSS