Folhas de Estilo - CSS

Existem três maneiras de definir regras de CSS. E, por definição, pode utilizar uma combinação dos três métodos nos seus web sites. A maneira como as regras interagem entre si está relacionada à parte "em cascata".Os três lugares são:



Estilo Inline

Inline significa que você especifica as regras de CSS dentro da tag de HTML. Essas regras afetam somente a tag atual.

Exemplo:

<p style="font-family:verdana,arial; color:#959595; ">Estilo in-line</p>

Estilo Incorporado

Incorporado significa que você especifica as regras de CSS no cabeçalho do documento. As regras incorporadas afetam somente a página atual.

Exemplo:

<html>
  <head>
    <title>Programando em HTML 4.0 e CSS 1</title>
    <style type="text/css">
      p {font-family:verdana,arial; color:#959595;}
    </style>
  </head>
  <body>
    Texto simples fora do parágrafo e
    <p>Texto com parágrafo utilizando estilo incorporado</p>
  </body>
</html>

Estilo Vinculado ou Externo

Externo significa que você coloca as regras de CSS em um arquivo separado, e então sua página HTML pode fazer um link para esse arquivo. Essa abordagem lhe permite definir regras em um ou mais arquivos que podem ser aplicadas em alguma página do seu web site.

Exemplo:

Arquivo CSS Externo:

p {
  font-family:verdana,arial;
  color:#959595;
  }

Arquivo HTML
<html>
  <head>
    <title>Programando em HTML 4.0 e CSS 1</title>
    <link rel="stylesheet" href="estilo1.css" type="text/css">
  </head>
  <body>
    Texto simples fora do parágrafo e
	 <p>Texto com parágrafo utilizando estilo incorporado</p>
  </body>
</html>