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, 26 de Outubro de 2014




Leitura recomendada

O Codificador Limpo

Top 5 membros

Últimos membros online

Últimos membros cadastrados



Capa do livro
Regras Do Jogo: Fundamentos Do Design De Jogos - Volume 2


Capa do livro
Arte de Escrever Programas Legíveis, A - Técnicas Simples e Práticas para Elaboração de Programas Fáceis de Serem Lidos e Entendidos


Capa do livro
Livro - Desenvolva Aplicações Web Profissionais com Uso dos Poderosos Recursos de Estilização das CSS3





Hostnet

IMD