CSS - HTML Dinâmico - PARTE 1Postada em: 28/02/2007
Por: Paulo Filipe Nº de Visualizações: 73.
Introdução
Alguma vez você decidiu alterar as cores dos link de sua home-page?
Que tal alterar todas as páginas em apenas um documento? Interessante, não?
Cascading Style Sheets são documentos com a extensão .css que guardam todas as características gráficas de seu site. Podem estar separados, ou no próprio código da página HTML.
*A maioria dos códigos abaixo precisa ser executado no Microsoft Internet Explorer 4.0 ou no Netscape Communicator 4.0x.
**Os códigos não precisam ser compilados, mas a extensão .css é obrigatória.
Classes e Objetos
As classes e objetos foram criadas para identificar objetos em seu site. Veja um esquema dessas propriedades:
Nome Código Objetos Aceitos
Classe .NomeDaClasse Todos
Definição:As classes são usadas para o agrupamento de objetos com propriedades parecidas.
Nome Código Objetos Aceitos
ID #NomeDoID Todos
Definição:As ID são as identidades de objetos. São usadas para alterar propriedades de objetos determinados.
Exemplos e Explicações
<span style="cursor:hand;">Passe o cursor sobre este texto.</span> 'Faz com que o cursor se transforme em uma mão
<style> H3 { font-color:blue; font-style:italic; } </style> 'Todos os títulos H3 terão a cor azul e serão itálicos
Entendeu? ~ Nem um pouco? Então continue lendo...
A estrutura padrão de um CSS é:
Objeto { Propriedade-SubPropriedade:Valor1; Propriedade2-SubPropriedade2:Valor2; }
* Os espaços serão ignorados, portanto, utilize-os para melhorar a aparência de seu CSS
Há quatro tipos de CSS:
* Tag embutida
* Estilo embutido
* Estilo externo
* Estilo importado