Note: Chào mừng bạn đến với Cntt-k3.com. Hãy Đăng ký thành viên hoặc Đăng nhập để có thể tham gia cùng Cntt-k3 nhá !

Você não está conectado. Conecte-se ou registre-se

Aprendendo a programar em CSS #3 - Como fazer em css

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

Wh0s

avatar
Administrador

Como Inserir uma Folha de Estilo

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 é ideal quando o estilo é aplicado a muitas páginas. Com uma folha de estilo externa, você pode mudar a aparência de um sítio Web inteiro mudando apenas um arquivo. Cada página deve vincular-se com a folha de estilo usando a tag . A tag vai dentro da seção head:

href="meuestilo.css" />
O navegador lerá as definições de estilo do arquivo meuestilo.css, e formatará o documento de acordo com ela.
Uma folha de estilo externa pode ser escrita em qualquer editor de texto. O arquivo não deve conter qualquer tag html. A sua folha de estilo deve ser salva com uma extensão .css. Um exemplo de uma folha de estilo está mostrado abaixo:
hr {color: sienna}
p {margin-left: 20px}
body {background-image: url("images/back40.gif")}

Folha de Estilo Interna

Uma folha de estilo interna deve ser usada quando um único documento tem um estilo particular. Você define estilos internos na seção head usando a tag
O navegador agora lerá as definições de estilo, e formatará o documento de acordo com elas.
Observação: Um navegador normalmente ignora tags desconhecidas. Isto significa que um navegador antigo que não suporta estilos, irá ignorar a tag

Estilos Inline (em linha)

Um estilo em linha perde muitas das vantagens das folhas de estilo pela mistura de conteúdo com apresentação. Use este método com parcimônia, como quando um estilo deve ser aplicado a uma única ocorrência de um elemento.
Para usar estilos 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:


Este é um parágrafo




Folhas de Estilo Múltiplas

Se algumas propriedades foram configuradas para o mesmo seletor em diferentes folhas de estilo, os valores serão herdados da folha de estilo mais específica
Por exemplo, uma folha de estilo externa tem estas propriedades para o seletor h3:
h3
{
color: red;
text-align: left;
font-size: 8pt
}
E uma folha de estilo interna tem estas propriedades para o seletor h3:
h3
{
text-align: right;
font-size: 20pt
}
Se a página com a folha de estilo interna também se vincula com a folha de estilo externa as propriedades para h3 serão:
color: red;
text-align: right;
font-size: 20pt
A cor é herdada da folha de estilo externa e o alinhamento do texto e o tamanho da fonte são substituidos pela folha de estilo interna.

Ver perfil do usuário http://webtech.forumais.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum

  • Fórum grátis | © PunBB | Fórum grátis de ajuda | Fale conosco | Assinalar uma queixa | Fórum grátis