Ganhe dinheiro com o seu site.
Guia e dicas, experimente:
http://ganhar.noble7fix.com
<head> <link Rel="stylesheet" type="text/css" href="padrão.css" /> </ head>
hr {color: green}
p {margin-left: 20px}
body {background-color: yellow}
Folha de estilo interna
<head>
<style type="text/css">
hr {color: green}
p {margin-left: 20px}
body {background-color: yellow}
</style>
</head>
Método de Estilo Inline
<p Style="color: yellow; margin-left: 20px">
Este é um parágrafo
</ p>
Folhas de estilo múltiplas
h3
{
color: red;
text-align: left;
font-size: 8pt
}
E uma folha de estilo interna tem estas propriedades para o selector h3:
h3
{
text-align: right;
font-size: 20pt
}
Se a página com a folha de estilo interna tem link para a folha de estilo externa, as propriedades h3 ficam assim:
color: red;
text-align: right;
font-size: 20pt
Em conclusão: A cor é herdada folha de estilo externa e o alinhamento do texto e o tamanho da fonte é substituída pela folha de estilo interna.
O navegador irá ler as definições estilo do padrão.css, e o formato do documento, de acordo com ele.
Uma folha de estilo externa pode ser escrita em qualquer editor de texto, já referenciamos que o simples Notepad do windows serve na perfeição. O arquivo não deve conter quaisquer tags html. A folha de estilos devem ser guardadas com a extensão .css . Um exemplo de um arquivo de folha de estilo arquivo é mostrado a seguir:
Observação: Não deixe espaços entre o valor da propriedade e as unidades! Se usar "margin-left: 20 px" ao invés de "margin-left: 20px" só irá funcionar corretamente no IE6, mas não vai funcionar no Mozilla / Firefox ou Netscape.
Uma folha de estilo interna deve ser utilizado quando um único documento tem um estilo único. O webmaster define o estilo interno na secção head (cabeçalho) a tag <style>, como se segue:
Um estilo inline perde muitas das vantagens de folhas de estilo, misturando conteúdo com apresentação. Use este método com parcimónia, este método é para ser aplicado a uma única situação de um elemento.
Para usar estilos inline você usa o atributo de estilo na tag dominante (relevante). O estilo pode conter qualquer atributo de propriedade. O exemplo mostra como alterar a cor e a margem esquerda de um parágrafo:
Se algumas propriedades foram definidos para a mesma selector em diferentes folhas de estilo, os valores serão herdadas da folha de estilo mais específico.
Por exemplo, uma folha de estilo externa tem estas propriedades para o selector h3:
Embora já mencionamos sobre este assunto em Noções / Definições CSS achamos melhor, desenvolver este tema e as várias formas de ligar a uma folha de estilos CSS.
Quando um navegador lê uma folha de estilo, ele irá formatar o documento, de acordo com essa folha de estilo css. Existem três maneiras de inserir uma folha de estilo:
Folha de estilo externa
O método de ligar a uma folha de estilo externa é o ideal quando o estilo deverá ser aplicado a muitas páginas.. Com uma folha de estilo externa, pode mudar a aparência de todo um site da Web, alterando só um arquivo. Cada página deverá ter um link para a folha de estilo usando a tag <link>. A tag <link> deverá ser inserida na secção head (entre as tags <head> e </head>):
Copyright © 2007 by Noble7fix · All Rights reserved · E-Mail: noble7fix@gmail.com
