Taquigrafia CSS

1) Definição de Taquigrafia CSS, vantagens de utilização

O uso da notação taquigráfica pelo CSS ajuda na escrita de um CSS (Cascading Style Sheets) mais limpo, o que facilita a manutenção, e para o uso na Web melhora o carregamento da página.
Em um resumo o CSS Taquigráfico transforma varias chamadas da mesma propriedade em uma única.

2) Reconhecer e escrever regras CSS abreviadas.

Cores

Para a cor vermelha (#ff0000) usaríamos a seguinte regra em CSS:
p {color: #ff0000;}
e que poderá ser abreviada para:
p {color: #f00;}
É válido abreviar cores hexadecimais para 3 dígitos. Valores escritos com 3 dígitos são interpretados como se cada um dos dígitos tivesse sido declarado duas vezes, isto é:

#abc é equivalente #aabbcc 

Poderemos utilizar a abreviação de cores hexadecimais somente para as cores constituídas por 3 pares de dígitos hexadecimais. Cores que são chamadas de "web safe colors", que em tradução livre significa "cores seguras para web".

3. Aplicar técnicas de regras CSS abreviadas

Propriedades que admitem abreviação

Nota: Para abreviar a propriedade font é obrigatório definir no mínimo os valores de tamanho e família da font. Os demais valores são facultativos. A ordem de declaração dos valores é importante e deve ser assim: começar com font-style, font-variant e font-weight sendo que estes três valores são facultativos e podem ser escritos em qualquer ordem; a seguir declarar obrigatoriamente font-size e opcionalmente line-height (font-size/line-height); finalmente declarar obrigatoriamente font-family. 

outline 

A propriedade outline destina-se a colocar uma margem ao redor de um elemento, com a finalidade de destacá-lo no contexto. Difere da propriedade border por não interferir com as dimensões do box model, isto é, não ocupa espaço no box do elemento e em consequência não afeta o posicionamento do box e nem dos boxes adjacentes.

Os estilos acima aplicados em uma página html5: