A Aldeia Numaboa ancestral ainda está disponível para visitação. É a versão mais antiga da Aldeia que eu não quis simplesmente descartar depois de mais de 10 milhões de pageviews. Como diz a Sirley, nossa cozinheira e filósofa de plantão: "Misericórdia, ai que dó!"

Se você tiver curiosidade, o endereço é numaboa.net.br.

Leia mais...

Informática Numaboa - Tutoriais e Programação

Pequeno laboratório de CSS I

Seg

17

Abr

2006


12:43

(14 votos, média 4.43 de 5) 


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:

hr { color: blue; } p { margin-left: 20px; } body { background-image: url("imagens/fundo.gif"); } Info

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:

<p style="color: blue; margin-left: 15px;"> Parágrafo escrito em azul e com margem de 15 pixels </p>

Informações adicionais