No passado, normalmente usávamos folhas de estilo de duas maneiras:
Método inline de página: A folha de estilo é escrita diretamente na área principal do código da página. Algo assim:
<style type="text/css"> <!-- body { fundo: branco : preto } --> </style>;
Método de chamada externa: escreva a folha de estilo em um arquivo .css separado e, em seguida, chame-a com um código semelhante ao seguinte na área principal da página.
<link rel="stylesheet" rev="stylesheet" href="css/style.css" type="text/css" media="all" />
No design que atende aos padrões da web, usamos o método de chamada externa. Os benefícios são evidentes. Você pode alterar o estilo da página sem modificar a página e modificar apenas o arquivo .css. Se todas as páginas chamarem o mesmo arquivo de folha de estilos, a alteração de um arquivo de folha de estilos poderá alterar os estilos de todos os arquivos.
Método de tabela dupla chamando folha de estilo
Observando o código original de alguns sites compatíveis com os padrões, você poderá ver as duas frases a seguir onde a folha de estilo é chamada:
<link rel="stylesheet" rev="stylesheet" href="css/style.css" type="text/css" media="all" /> <style type="text/css" media="all"> @importar url( css/style01.css );</style>
Por que escrever duas vezes?
Na verdade, em circunstâncias normais, basta utilizar o método do link externo (ou seja, a primeira frase). A chamada de tabela dupla que uso aqui é apenas um exemplo. O comando "@import" é usado para inserir a folha de estilos. O comando "@import" é inválido em navegadores Netscape 4.0. Em outras palavras, quando você deseja que certos efeitos sejam ocultados no navegador Netscape 4.0 e exibidos no navegador 4.0 ou superior ou em outros navegadores, você pode usar o método de comando "@import" para chamar a folha de estilo.