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

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 2Postada em: 28/02/2007

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