Capítulo 1 - Introdução

Estilos CSS e HTML

Os estilos trabalham associados aos documentos HTML, mas são escritos numa linguagem independente. O quadro abaixo mostra como as instruções do "stylesheet" especifica o formato do parágrafo a ser aplicado no documento HTML e depois como será exibido no navegador. Neste simples exemplo, a letra P inicia o grupo de instrução, que é fechado no final com uma chave. O formato especifica que a margem esquerda do texto será de 5%, o estilo de letra será arial, em itálica e exibida na cor vermelha.

INSTRUÇÕES DE ESTILO

P {
left-margin:5%;
font-family:Arial;
font-style:italic;
text-align:justify;
color:red; }

CONTEÚDO DO DOCUMENTO HTML

Como este elemento não foi definido, ele independente do estilo do parágrafo
<P>Esta frase será disparada no navegador em itálica, na cor vermelha, em arial e a 5% da margem esquerda.
</P>

EXIBIÇÃO NO NAVEGADOR

Como este elemento não foi definido, ele independente do estilo do parágrafo

Esta frase será disparada no navegador em itálica, na cor vermelha, em arial e a 5% da margem esquerda.