Definir estilos em um arquivo externo CSS

Veremos agora outra maneira de importar uma declaração externa de estilos CSS: @import url
("arquivo_a_importar.css"), que se utiliza para importar umas declarações de estilos salvadas
na rota que se indica entre parênteses. (as aspas são opcionais, mas os parêntesis são
obrigatórios, pelo menos, em Explorer).
Deve-se incluir na declaração de estilos global a uma página, ou seja, entre as etiquetas
<style type="text/css"> e </style>, que se colocam no cabeçalho do documento.
É importante assinalar que a sentença de importação do arquivo CSS deve ser escrita na
primeira linha da declaração de estilos, algo parecido ao código seguinte.
<style type="text/css">
@import url ("estilo.css");
body{
background-color:#ffffcc;
}
</style>
O funcionamento é o mesmo que se escrevêssemos todo o arquivo a importar dentro das
etiquetas dos estilos, com a garantia de que, se redefinimos dentro do código HTML (entre as
etiquetas </style>) estilos que haviam ficado definidos no arquivo externo, os que se aplicarão
serão os que tivermos redefinido.
Assim, no exemplo anterior, mesmo que tivéssemos definido em estilo.css uma cor de fundo
para a página, a cor que prevaleceria seria o definido em seguida da importação: #ffffcc
A diferença entre este tipo de importação do tipo e a que vimos anteriormente:
<link rel="stylesheel" type="text/css" href="folha.css">
É que @import url ("estilo.css") costuma ser utilizado quando existe umas pautas básicas no
trabalho com os estilos (que se definem em um arquivo a importar) e uns estilos específicos
para cada página, que se definem a seguir, dentro do código HTML entre as etiquetas
</style>, como é o caso do exemplo visto anteriormente