O uso de abreviações pode ajudar a reduzir o tamanho dos seus arquivos CSS e torná-los mais fáceis de ler. As principais regras para abreviações CSS são as seguintes:
cor
Os valores hexadecimais das cores, se os valores de cada dois dígitos forem iguais, podem ser abreviados pela metade, por exemplo: #000000 pode ser abreviado para #000;
Tamanho da caixa
Geralmente existem quatro métodos de escrita:
propriedade:valor1; significa que todas as arestas têm um valor valor1;
propriedade:valor1 valor2 significa que o valor de cima e de baixo é valor1, e o valor de direita e esquerda é valor2;
propriedade:valor1 valor2 valor3 significa que o valor de cima é valor1, o valor de direita e esquerda é valor2 e o valor de baixo é valor3;
propriedade:valor1 valor2 valor3 valor4; Os quatro valores representam superior, direita, inferior, esquerda em sequência;
Uma maneira conveniente de lembrar é no sentido horário, canto superior direito, canto inferior esquerdo. Exemplos de aplicações específicas em margem e preenchimento são os seguintes:
margem:1em 0 2em 0,5em;
fronteira
As propriedades da borda são as seguintes:
largura da borda: 1px;
estilo de borda: sólido;
cor da borda:#000;
Pode ser abreviado para uma frase: border:1px solid #000;
A sintaxe é border:width style color;
Planos de fundo
As propriedades do plano de fundo são as seguintes:
cor de fundo:#f00;
imagem de fundo:url(background.gif);
repetição em segundo plano: sem repetição;
anexo de fundo: fixo;
posição de fundo:0 0;
Pode ser abreviado para uma frase: background:#f00 url(background.gif) no-repeat fixa 0 0;
A sintaxe é background:color imagem repetir posição do anexo;
Você pode omitir um ou mais valores de atributo. Se omitido, o valor do atributo usará o valor padrão do navegador.
cor: transparente
imagem: nenhuma
repetir: repetir
anexo: rolar
posição: 0% 0%
fontes
As propriedades da fonte são as seguintes:
estilo da fonte: itálico;
variante de fonte: versalete;
peso da fonte: negrito;
tamanho da fonte: 1em;
altura da linha: 140%;
font-family:"Lucida Grande",sem serifa;
Pode ser abreviado para uma frase: font:italic small-caps negrito 1em/140% "Lucida Grande",sans-serif;
Observe que se você abreviar a definição da fonte, deverá definir pelo menos dois valores: tamanho da fonte e família da fonte.
Listas
Para cancelar os pontos e números de série padrão, você pode escrever list-style:none;,
As propriedades da lista são as seguintes:
tipo de estilo de lista: quadrado;
posição de estilo de lista: dentro;
imagem de estilo de lista:url(image.gif);
Pode ser abreviado para uma frase: list-style:square inside url(image.gif);