Você está na página 1de 3

Internet

Prof Rita de Cassia Gaieski


rita.gaieski@qi.edu.br

Aula 06

Formatando no CSS Continuao

Divs: O elemento <div> pode ser usado para aplicar estilos a grandes blocos de
contedo. Outro uso bastante comum d para a criao de layouts, substituindo
a maneira antiga, que utilizava tabelas.

Os elementos <span> e <div> so usados para agrupar e estruturar um


documento e so frequentemente usados em conjunto com os atributos class e id.

Exemplo: index.html

Exemplo: estilos.css

Alinhamento vertical: para alinhar um contedo utilizando a propriedade line-height


do CSS.

Agrupando com <span>

O elemento <span> um elemento neutro e que no adiciona qualquer tipo de


semntica ao documento. Contudo, <span> pode ser usado pelas CSS para adicionar
efeitos visuais a partes especficas do texto no seu documento.
Internet
Prof Rita de Cassia Gaieski
rita.gaieski@qi.edu.br

Exemplo:

A cada span atribumos uma class, e estilizamos na folha de estilos. No exemplo abaixo
enfatizamos as palavras Frio, RS e negativa na cor vermelha.
HMTL:

CSS:

Resultado:

Agrupando com <div>

Enquanto <span> usado dentro de um elemento nvel de bloco, <div> usado para
agrupar um ou mais elementos nvel de bloco.

Exemplos com listas:

HMTL:
Internet
Prof Rita de Cassia Gaieski
rita.gaieski@qi.edu.br

CSS:

Resultado: