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:




  

Domingo, 21 de Dezembro de 2014




Top 5 membros

Últimos membros online

Últimos membros cadastrados



Capa do livro
Kit de Treinamento MCTS (Exame 70-680) - Configuração do Windows 7


Capa do livro
Excel 2010 - Domine A 110%


Capa do livro
O Livro De Vb.Net





Hostnet

IMD