HTML
Dicas de Uso para a Construção de Páginas Web

Por que duas CSS Como criar os Links

Por que duas Cascading Style Sheets?

O browser Netscape 4.xx já tem mais de 4 anos de idade, e foi desenvolvido quando as CSS estavam sendo ainda planejadas. Assim isto representa que o browser NN 4.xx não interpreta corretamente a maioria dos estilos, mesmo alguns dos mais simples. Internet Explorer, por outro lado, tem sido consistentemente atualizado ao longo desses anos todos. Isto significa que muitos dos estilos que o Netscape não suporta, são plenamente suportados pelo IE. 
A única maneira de ter um site que apresente uma boa visualização por CSS, tanto para o IE quanto para o NN, é usar CSS por link externo, e utilizando um truque quase desconhecido.

A sintaxe para um css externo é:

<link rel="stylesheet" href="meu_estilo.css" type="text/css">  *
* veja mais detalhes aqui

A solução passa pelo uso de DUAS CSS externas, uma para o IE - que também vale para o NN6 - e outra para o NN4.xx. Fazendo assim você poderá adaptar os tamanhos das fontes, as propriedades do background, ou qualquer outros estilos que o NN4.xx apresenta problemas.

Como fazer? Usando um comando pouco conhecido, que o NN 4.xx não reconhece: o comando @import.

Desta maneira você poderá acessar duas CSS ao mesmo tempo::

<link rel="stylesheet" href="estiloNN.css" type="text/css"> 
<style type="text/css"> 
@import url(estilo_padrao.css);        /* estilos válidos para o IE e o NN6x*/
</style>

O browser NN4.xx não reconhece tal comando @import, e assim ele usa apenas a CSS linkada. Tanto o IE quanto o NN6 farão um "merge" em ambas stylesheets.
Porém colocando o comando @import depois da CSS linkada, você dá mais importância (prioridade) para os estilos que são carregados depois, os quais serão aqueles contidos dentro do arquivo estilo_padrao.css.

Você deve se lembrar do sistema de precedência das CSS. E assim devem ser declarados os mesmos seletores e propiedades em ambas style sheets. Se você declarar um seletor ou propriedade apenas na CSS linkada, omitindo-a na CSS importada tanto o IE quanto o NN6 usarão apenas os valores configurados na CSS linkada.

A maneira mais simples, e fácil, de produzir duas style sheets para essa situação, é começar criando a CSS que servirá para ambos os browsers compatíveis, depois copiá-la, renomeá-la e finalmente modificá-la naqueles seletores e propriedades onde o NN 4.xx tem problemas.

Importante: Se o NN 4.xx não encontrar a CSS externa, a página não será renderizada corretamente.

topo

É importante que você teste por si mesmo estes exemplos numa página nova, onde possa fazer diversas experiências, variando parâmetros, acoplando outros estilos, sem prejudicar uma página real de seu site.