Livro webdesigner

CSS - HTML Dinâmico
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

Definição

Classe

.NomeDaClasse

Todos

As classes são usadas para o agrupamento de objetos com propriedades parecidas. ID

#NomeDoID

Todos

As ID são as identidades de objetos. São usadas para alterar propriedades de objetos determinados.

Exemplos e Explicações
Passe o cursor sobre este texto. 'Faz com que o cursor se transforme em uma mão H3 { font-color:blue; font-style:italic; } '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: l l l l

Tag embutida
Estilo embutido
Estilo externo
Estilo importado

Tag Embutida

Este tipo de estilo fica codificado dentro da tag de um objeto HTML. Pode alterar qualquer propriedade do objeto a que se refere, porém, não tem nenhum efeito sobre os outros objetos.
Ex: Passe o cursor sobre este texto. 'Transforma o cursor em ampulheta

Estilo Embutido
Cria um estilo para a página HTML em que se localiza.
Ex: A { font-color:yellow; } 'Todos os links serão amarelos

Estilo Externo