Cascata de folhas de estilo 
Existem seis diferentes folhas de estilo que podem ser definidas. Além das três formas que mostramos em seção anterior deste capítulo, há ainda, segundo a especificação, mais três folhas de estilos que podem afetar uma página: 1) uma folha de estilos que é importada por outra folha de estilos (isto é diferente daquela que é vinculada ao HTML, dentro de um <link>), 2) uma folha de estilos definida pelo usuário (ou leitor da página) e 3) a folha de estilos default do browser (que é usada quando outra folha não define os estilos). Todas estas folhas de estilo diferentes podem provocar uma grande confusão se não houver uma regra clara de como devem ser consideradas. Ainda há um sétimo fator que é a formatação introduzida pelo HTML, como nos descritores <font> e atributos align=center. Listando todas as folhas de estilos que podem afetar um texto, temos:
1. Folha de estilos default do browser: todos os browsers possuem regras comuns para formatar um texto. A especificação HTML não impõe um formatação padrão. Netscape Navigator por exemplo usa um fundo cinza como padrão e links azuis sublinhados. Já o Internet Explorer prefere um fundo branco.
2. Folha de estilos definida pelo leitor: a especificação define a possibilidade do leitor estabelecer uma folha de estilos própria. Isto é parcialmente conseguido quando o browser permite que se escolha diferentes cores para fundo, texto e links.
3. Folha de estilos vinculada ao HTML: é a folha de estilos que é importada pelo arquivo HTML através do descritor de ligação <link>
4. Folha de estilos importada: uma folha de estilos externa (arquivo CSS) pode ser importada de dentro de outra folha de estilos (um outro arquivo CSS ou bloco <style> no HTML) u-sando um comando especial @import:
@import url (outroestilo.css)
5. Folha de estilos embutida no HTML: é a folha de estilos que aparece na página HTML entre os descritores <style> e </style>.
6. Folha de estilos local: é aquela que é aplicada localmente a um descritor usando o atributo style="lista de declarações".
7. Estilo definido pelo HTML: atributos e descritores podem provocar alterações na aparência do texto, por exemplo: <font size>, <big>, <body bgcolor>, <p align=center>, etc. Um browser que siga a especificação CSS à risca obedece a seguinte ordem de precedência:
1. Local, 2. Embutida, 3. Vinculada, 4. Importada, 5. HTML, 6. Leitor, 7. Browser
Na prática, as coisas não são tão bonitas. No Internet Explorer para Macintosh, a ordem é respeitada. Na versão do Internet Explorer 3.0 para Windows, os estilos vinculados ao HTML têm mais importância que os embutidos (o mesmo ocorre com Explorer 4 e Navigator 4). No Netsca-pe Navigator 4 e Internet Explorer 4, os estilos aplicados via HTML têm precedência máxima (no Internet Explorer 3 a precedência funciona corretamente, mas não no 4). Com as diferenças exis-tentes nos browsers de hoje, não vale a pena ainda se aprofundar neste assunto. A solução ainda é testar, testar, testar antes de colocar no ar.
| < Anterior | Próximo > |
|---|
