Você está na página 1de 2

EXEMPLO 1 – ESTILO EXTERNO OU GLOBAL

(AFETA VÁRIAS PAGINAS)

meu_estilo.css:

H1 {font-family: 'Comic Sans MS'; font-size: 24pt; color: blue}


P {font-family: 'Courier'; margin-left: 0.5in}

pagina1.htm:

<html><head>
<title>exemplo 1 de css - estilo externo</title>
<LINK REL="STYLESHEET" HREF="meu_estilo.css" TYPE="text/css">
</head>
<body>

<h1>Exemplo de estilo externo</h1>


<p>
Este é um exemplo de estilo externo.<br>
Observe como a formatação do texto obedece<br> à regra definida no arquivo
meu_estilo.css.

</body>
</html>

EXEMPLO 2 – ESTILO INCORPORADO OU GERAL


(AFETA UMA PÁGINA INTEIRA)

pagina2.htm:

<HTML>
<HEAD>
<TITLE>Exemplo Estilos Incorporados</TITLE>
<STYLE TYPE="text/css"><!--
P {background-color: #FFFFFF;
font-family:'Comic Sans MS';
font-size: 14pt}
--></STYLE>
</HEAD>
<body>
<br><hr width=50%><br>
<p align=center>
Este é um exemplo de estilo incorporado. <br>As regras são definidas no
cabeçalho da <br>página e são válidas só para essa página.<br>
Note que, se você não colocar a tag "p" <br>antes de iniciar o texto, o mesmo não
<br>sofrerá as alterações definidas pelo estilo.<br>
<br><hr width=50%><br>
</BODY></HTML>
EXEMPLO DE ESTILO INLINE OU LOCAL
(AFETA SOMENTE UMA TAG)

Pagina 3.htm:

<html><head>
<title>exemplo de estilo inline</title>
</head>
<body>

<h1>Exemplo de estilo inline</h1>


<p>
Este é um exemplo de estilo inline.<br>
O link a seguir possui um estilo css definido dentro da própria tag.<br>
<A STYLE="color: green; text-decoration: none"
HREF="http://www.google.com.br" target=_blank>clique aqui</a>

</body>
</html>