xTibia

.com
LO
html

[otstproject] Estilos Html

Por LorDz, 03 de ago. de 2009 em Programação Web

6
1.4k
LorDzL
03 de agosto de 2009 às 20:09

Estilos em HTML

Este exemplo demonstra como formatar um documento HTML com a informação de estilo adicionada à seção <head>.

 

Vínculo não sublinhado

Este exemplo demonstra como fazer um vínculo não sublinhado, usando um atributo de estilo.

 

Vínculo para uma folha de estilo externa

Este exemplo demonstra como usar a tag <link> para vincular com uma folha de estilo externa.

 

Como Usar Estilos

Quando um navegador lê uma folha de estilo, ele formata o documento de acordo com ela. Há três maneiras de inserir uma folha de estilo:

 

Folha de Estilo Externa

Uma folha de estilo externa é ideal quando o estilo é aplicado em muitas páginas. Com uma folha de estilo externa, você pode mudar a aparência de um site Web inteiro pela mudança de um arquivo. Cada página deve vincular-se à folha de estilo usando a tag <link>. A tag <link> vai dentro da seção head.

<head>

<link rel="stylesheet" type="text/css"

href="meuestilo.css">

</head>

 

Folha de Estilo Interna

Uma folha de estilo interna deve ser usada quando um documento específico tem um estilo único. Você define estilos internos na seção head com a tag <style>.

 

<head>

<style type="text/css">

body {background-color: red}

p {margin-left: 20px}

</style>

</head>

 

Estilos Local (inline)

Um estilo local (inline) deve ser usado quando um estilo único deve ser aplicado a uma única ocorrência de um elemento.

 

Para usar estilos locais (inline) você usa o atributo de estilo na tag relevante. O atributo de estilo pode conter qualquer propriedade CSS. O exemplo mostra como mudar a cor e a margem esquerda de um parágrafo:

<p style="color: red; margin-left: 20px">

Este é um parágrafo

</p>

 

Tags de Estilo

 

<style> Define uma definição de estilo 
<link> Define uma referência a um recurso 
<div> Define uma seção num documento 
<span> Define uma seção num documento 
<font> Depsaprovada. Use estilos em vez 
<basefont> Desaprovada. Use estilos em vez 
<center> Desaprovada. Use estilos em vez

 

Créditos:www.clem.ufba.br

Edição/Formatação:LorDz

Editado Agosto 6 por LorDz

rubinhobarricheloR
03 de agosto de 2009 às 21:25

Gostei das páginas de explicação!

Ótimo tutorial da OTST!

Abraço.

satan666S
05 de agosto de 2009 às 20:11

isso esta certo?

sítio Web

ou deveria ser site web?

 

Gostei muito do topico muito bem explicado e com otimo portugues.

LorDzL
06 de agosto de 2009 às 13:59

me desculpe erro arrumado.

obrigado pelos elogios.

 

abraços

1 mês depois...
DaNDaNrOxXD
01 de setembro de 2009 às 17:23

:button_ok: Parabéns LorDz, seu tutorial foi aprovado!

Obrigado por trazer conteúdo à comunidade.

 

~> Tópico movido para a seção correta <~

 

 

Atenciosamente,

Daniel Oliveira.

LorDzL
01 de setembro de 2009 às 18:19

Obrigado espero que o tutorial ajude muitas pessoas..

 

Abraços