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: