Detalhes

Categoria: CSS - Cascanding Style Sheet

Atualização: Quarta, 15 Abril 2009 12:03

Autor: vovó Vicki

Acessos: 14044

Como inserir uma folha de estilo

Quando o navegador lê uma folha de estilo, ele vai formatar o documento de acordo com as informações obtidas. Existem três maneiras de se inserir folhas de estilo:

Folhas de estilo externas

Uma folha de estilo externa é ideal quando o estilo é aplicado a muitas páginas. Cada uma das páginas precisam linkar a folha de estilo usando a tag <link> na seção head:

Neste exemplo, o arquivo que contém os elementos, seus atributos e valores é o meuEstilo.css. Este arquivo não pode conter caracteres de formatação (como os criados pelo Word) ou tags HTML. Pode ser algo como:

Quando os valores dos atributos tiverem medidas, não as separe com um espaço porque, novamente, o Mozilla/Firefox vai estrilar. Use 20px e não 20 px.

Folha de estilo interna

Deve-se usar uma folha de estilo interna quando apenas um documento deve ter um determinado estilo. Define-se estilos internos na seção head usando a tag <style>.

Estilo em linha

A folha de estilo em linha não está fica num arquivo separado ou na seção head - ela é colocada diretamente na tag do elemento que se queira alterar. Por exemplo: