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.