A especificação CSS permite que estilos sejam criados usando uma sintaxe abreviada chamada CSS abreviada. CSS abreviado permite especificar o valor de múltiplas propriedades com uma única tag de propriedade. Por exemplo, você pode usar a propriedade font para definir as propriedades font-style, font-variant, font-weight, font-size, line-height e font-family em uma sintaxe de linha.
A principal questão a ser observada ao usar CSS abreviado é que os valores omitidos das propriedades CSS abreviadas recebem o valor padrão da propriedade. Quando duas ou mais regras CSS são atribuídas à mesma tag, isso pode fazer com que a página não seja exibida corretamente.
Por exemplo, a tag H1 mostrada abaixo usa sintaxe CSS normal. Observe que os valores das propriedades font-variant, font-stretch, font-size-adjust e font-style recebem seus valores padrão.
H1 {
peso da fonte: negrito;
tamanho da fonte: 16pt;
altura da linha: 18pt;
família de fontes: Arial;
variante de fonte: normal;
estilo de fonte: normal;
alongamento da fonte: normal;
ajuste de tamanho da fonte: nenhum
}
Vamos reescrever esta tag usando um atributo abreviado:
H1 { font: bold 16pt/18pt Arial }
Quando escritos usando notação abreviada, os valores omitidos recebem automaticamente seus valores padrão. Portanto, o exemplo abreviado acima omite as tags font-variant, font-style, font-stretch e font-size-adjust.
Se você usar as formas abreviadas e normais da sintaxe CSS para definir estilos em mais de um local (como incorporar estilos em uma página HTML e importar estilos de uma folha de estilos externa), esteja ciente de que atributos omitidos podem substituir (ou colocar em cascata) os estilos em Propriedades que são explicitamente definidos em outro lugar.
Portanto, o Dreamweaver usa a forma normal de símbolos CSS para escrever a sintaxe por padrão. Isso evita possíveis problemas causados por regras abreviadas que substituem as regras comuns. Ao abrir uma página da Web no Dreamweaver codificada usando notação CSS abreviada, esteja ciente de que o Dreamweaver usará o formato normal para criar novas regras CSS. Você pode alterar as preferências de edição CSS na categoria Estilos CSS da caixa de diálogo Preferências (Editar>>Preferências no Windows; Dreamweaver>>Preferências no Macintosh Especifique como o Dreamweaver cria e edita regras CSS).
Perceber
O painel Estilos CSS cria regras usando apenas símbolos normais. Se você usar o painel Estilos CSS para criar uma página ou folha de estilo CSS, esteja ciente de que regras CSS abreviadas de codificação manual podem fazer com que as propriedades abreviadas substituam aquelas criadas no formato normal. Portanto, use símbolos CSS comuns para criar seus estilos.