Iniciando no CSS: Outra maneira de definir estilos em um arquivo externo


Autor/fonte: CriarWeb.com
E-mail/Url: http://www.criarweb.com/artigos/92.php



Digg del.icio.us

Também podemos incluir estilos em um arquivo externo com um código com a sintaxe @import.url (“estilo.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.




Enviado por xKuRt em 06/11/2006 às 12:35


Avaliação

Esta publicação ainda não foi avaliada!


Avaliar:


A avaliação de publicações é restrita a membros cadastrados e logados no nosso site.



Comentários

Este artigo ainda não foi comentado ou o(s) comentário(s) que foi(ram) enviado(s) a ele ainda não foi(ram) publicado(s).


Envio de comentário:




  

Quarta, 01 de Outubro de 2014




Leitura recomendada

Excel 2010 - Domine A 110%

Top 5 membros

Últimos membros online

  • 1em 01/10 às 09:25
  • kelexem 24/09 às 09:55
  • xKuRtem 23/09 às 20:00

Últimos membros cadastrados



Capa do livro
Dominando Joomla: Do Iniciante ao Profissional


Capa do livro
Otimização da Página de Entrada: Guia Para Testar e Sincronizar


Capa do livro
Analise De Pontos De Funçao





Hostnet

IMD