Para introduzir um stylesheet n�s estamos usando tr�s m�todos como segue:
Folha externa do estilo
Folha interna do estilo
Folha Inline do estilo
Folha externa do estilo
A lima que contem somente o c�digo do CSS e � conservada com uma extens�o de lima de �.css� � chamada como o CSS externo. Usando o <link> em vez do <style>, esta lima do CSS referenced ent�o em seu HTML. N�o se preocupar se voc� for confused. N�s estamos indo andar voc� com o processo inteiro.
<html>
<head>
<title>My First Stylesheet</title>
<link rel=stylesheet href="mystyles.css"
type="text/css">
</head>
<body>
<h1>Stylesheets: The Tool of the Web Design
Gods</h1>
<P>Friendship is always alive! Squash your enemies!</P>
</body>
</html>
Criar agora uma lima de texto separada chamada mystyles.css (voc� pode o nomear qualquer coisa que voc� quer). Tudo que contem � este:
Quando a mesma sensa��o do estilo/formato/olhar n � requerida em p�ginas numerosas ent�o n�s dizemos que uma folha externa do estilo (CSS) � perfeita. O webmaster pode mudar o olhar do local inteiro - mudando uma lima, com a ajuda de uma folha externa do estilo.
Folha interna do estilo
Quando um �nico original tem um estilo original, uma folha interna do estilo deve ser usada. Na se��o principal, usando o Tag do <style>, voc� pode definir estilos internos como este:
<head>
<style type="text/css">
hr {color: sienna}
p {margin-left: 20px}
body {background-image: url("images/back40.gif")}
</style>
</head>
O browser agora formatar� o original e ler� as defini��es do estilo de acordo com ele.
Nota: Um browser ignora normalmente Tag desconhecidos. Isto significa que um browser velho que n�o suporte estilos, ignorar� o Tag do <style>, mas o �ndice do Tag do <style> ser� indicado na p�gina. Escondendo o no elemento do coment�rio do HTML:�, � poss�vel impedir que um browser velho indique o �ndice.
<head>
<style type="text/css">
<!--
hr {color: sienna}
p {margin-left: 20px}
body {background-image: url("images/back40.gif")}
-->
</style>
</head>
Estilos Inline
Introduzindo r�guas dos stylesheets para a direita no meio de todo seu HTML � chamado como o stylesheet inline. P�de olhar como este:
<html>
<head>
<title>My First Stylesheet</title>
</head>
<body>
<h1 style="color: orange; font-family: impact">Stylesheets:
The Tool of the Web Design Gods</h1>
<P style="background: yellow; font-family:
courier">Amaze your friends! Squash your
enemies!</P>
</body>
</html>
Folhas m�ltiplas do estilo
No estilo diferente sheets se algumas propriedades forem ajustadas para o mesmo seletor que os valores estar�o herdados da folha mais espec�fica do estilo.�
Por exemplo, uma folha externa do estilo tem estas propriedades para o seletor h4:
