Taquigrafia CSS

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, nada melhor para explicar que exemplos de uso, então vamos a eles. RGB (cores).

O uso da propriedade de cor RGB, se da por #rrggbb
A chamada: color: #AABBCC;
Com o uso taquigráfico: color: #ABC;

Nesse exemplo usamos os índices repetidos por apenas 1 o AA virou A o BB -> B o CC -> CBackground - background: background-color background-image background-repeat background-attachment background-position

ex: background: #ABC url(imagem.png) no-repeat fixed center center;Margin - margin: Top Right Bottom Left;

ex: margin: 1px 2px 3px 4px;
obs: A propriedade Margin é similar a PaddingList - list-style: list-style-type list-style-position list-style-image

ex: list-style: katakana outside url(imagem.png);Font - font: font-style font-variant font-weight font-size font-family

ex: font: italic small-caps bold 50px serif;Outline - outline: outline-width outline-style outline-color

ex: outline: 3px dotted #ABC;

obs: A propriedade Border funciona da mesma maneiraVale ressaltar que você pode omitir alguma(s) propriedade(s) como por exemplo:
background: url(imagem.gif) no-repeat;

A propriedade background

O fundo dos elementos HTML

A propriedade background define as características (os valores na regra CSS) do fundo dos elementos HTML.

As propriedades background são as listadas abaixo:

·                     background-color: cor do fundo;

·                     background-image: imagem de fundo;

·                     background-repeat: maneira como a imagem de fundo é posicionada;

·                     background-attachment: se a imagem de fundo “rola” ou não com a tela;

·                     background-position: como e onde a imagem de fundo é posicionada;

·                     background: maneira abreviada para todas as propriedades;

Valores válidos para as propriedades do fundo

·         background-color:

código hexadecimal: #FFFFFF

código rgb: rgb(255,235,0)

nome da cor: red, blue, green…etc

transparente: transparent

·         background-image: 

URL: url(caminho/imagem.gif)

·         background-repeat:

não repete: no-repeat

repete vertical e horizontal: repeat

repete vertical: repeat-y

repete horizontal: repeat-x

·         background-attachment:

imagem fixa na tela: fixed

imagem “rola” com a tela: scroll

·         background-position:

x-pos y-pos

x-% y-%

top left

top center

top right

center left

center center

center right

bottom left

bottom center

bottom right

Referência:

http://www.w3c.br/divulgacao/guiasreferencia/css2/
http://www.w3.org/community/webed/wiki/CSS_shorthand_reference