Caminho de Navegação Css / Tutoriais / CSS - HTML Dinâmico - PARTE 1

Css

 

Nenhuma avalição
Indique ao Ueba Indique ao BlogBlogs Indique ao Delicious Indique ao Technorati Indique ao Google Bookmarks Indique ao Newsgator
TAGS

Nenhuma tag foi definida ainda!

Defina as tags para esta página preenchendo o campo abaixo.

  • Máximo de 100 tags
  • Cada tag deve ter até 20 caracteres.
  • Separar as tags com virgula. Ex.: php, sql, html, xml, fireworks
COMENTAR

INDICAR
Nome do amigo: E-mail do amigo: Comentário:
REPORTAR ERRO Descreva o erro:

CSS - HTML Dinâmico - PARTE 1Postada em: 28/02/2007

Paulo Filipe
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