CSS - HTML Dinâmico - PARTE 2Postada em: 28/02/2007
Por: Paulo Filipe Nº de Visualizações: 62.
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: <span style="cursor:wait;">Passe o cursor sobre este texto.</span> 'Transforma o cursor em ampulheta
Estilo Embutido
Cria um estilo para a página HTML em que se localiza.
Ex: <style> A { font-color:yellow; } </style> 'Todos os links serão amarelos
Estilo Externo
Utiliza um documento com a extensão .css para criar o estilo da página. Este documento pode ser usado por mais de uma página HTMl.
Ex:
* Documento CSS
<Xmp>
*/ A { color:red; } /*
</Xmp>
* Documento(s) HTML
<link rel="STYLESHEET" href="MeuEstilo.css" Type="text/css">
*Um Estilo Externo não impede a utilização de outros tipos de estilos
Estilo Importado
Importa um estilo para o código de outro estilo.
Ex: @import: url(MeuEstilo.css) ;
*A tag @import precisa estar no começo do documento CSS
Interagindo com o Usuário
Vários tipos de Interação com o usuário são possíveis, porém, apenas dois são interessante:
* Alteração do Mouse
* Alteração da Cor do Texto
Alterando o Mouse
<tag style="cursor: (wait | hand) ;">Blablabla</tag>
Alterando a Cor do Texto
<style> A:hover{ color: (red | yellow | blue ...); } </style>
********************************************
está é a Segunda parte!! he :-) estarei em breve com a continuação!!