CENTRO FEDERAL DE EDUCAO

TECNOLGICA DA PARABA CEFET

Curso de Desenvolvimento de Software para Internet
Disciplina: Ferramentas para Internet
Professor: Marcelo Siqueira

Exerccios Folhas de Estilo

1. Crie um arquivo HTML e aplique as seguintes formataes abaixo como Folha de
Estilo Interna:

a) Todo H1 tem fonte Tahoma, MS Trebuchet ou Verdana (se Tahoma no
existir)
b) Todo texto do corpo (BODY) tenha tamanho 10 pontos
c) Todos H1, H2 e H3 sejam vermelhos
d) todo H1 tenha tamanho 24 pontos
e) todo H2 tenha tamanho 18 pontos
f) todo H3 tenha tamanho 14 pontos

2. Crie um arquivo chamado primeiro.css que contenha essa formatao acima (retire-
as do arquivo HTML da questo anterior).

3. Mude o arquivo primeiro.css para que a cor de fundo seja azul e a cor de fonte de
todo pargrafo seja branca.

4. Atualize o arquivo HTML criado na questo 1 e veja os resultados.

5. Modifique primeiro.css para que todo pargrafo aparea com fundo em amarelo.

6. Modifique primeiro.css para que todo pargrafo chamado especial aparea com
fundo em amarelo. (Sugesto: use classes de formatao).

7. Veja o que acontece quando outros arquivos HTML so linkados ao arquivo
primeiro.css (teste pelo menos trs outros arquivos diferentes).

8. Insira em um arquivo HTML que esteja utilizando primeiro.css uma Folha de
Estilo Interna com a seguinte formatao:

Cor de fundo verde
Cor de fonte laranja
Tamanho de fonte 14 pontos

Observe o que acontece em relao formatao j existente na Folha de Estilo
Externa. Qual vai ser aplicada, a Interna ou a Externa?

9. Escolha um arquivo HTML qualquer que contenha links e utilizando uma Folha de
Estilos Interna substitua todos os links por um fundo azul cian.

10. Crie um arquivo css chamado segundo.css que apresente a seguinte formatao:

a) Todo link ativo fique negrito
b) Todo link normal tenha tamanho 20pt
c) Todo link visitado tenha fundo vermelho
d) Todo link ativo tenha fundo azul e fonte branca (clique e segure no mouse
pra ver um link ativo)

11. No arquivo primeiro.css crie uma classe chamada especial que ter a fonte na cor
vermelha. No seu arquivo HTML todo pargrafo par (segundo, quarto e assim por
diante) ser considerado especial.

12. Escreva um arquivo chamado terceiro.css que formate a imagem do plano de fundo
para se repetir verticalmente. Teste com pelo menos dois arquivos HTML.

13. Modifique a questo anterior para se repetir horizontalmente. Teste-o da mesma
forma.

14. Modifique a questo anterior para se repetir tanto vertical quanto horizontalmente.
Teste-o da mesma forma.

15. Faa com que a imagem de fundo deslize com o texto da pgina. Teste-o com o
arquivo HTML.

16. Faa com a que a imagem de fundo no deslize com o texto da pgina. Teste-o com
o arquivo HTML.

17. Usando Folha de Estilo Interna em um arquivo chamado banner.html (crie esse
arquivo), crie um estilo que consiste de um H1 com uma imagem de background.

18. Ao exerccio anterior acrescente o H2 como sendo sempre sublinhado.

19. Escreva um arquivo chamado quarto.css que faa com que toda imagem tenha uma
borda na cor azul e com a borda pontilhada (dotted).

20. Modifique a questo anterior para que as bordas verticais sejam vermelhas e as
horizontais sejam amarelas. O estilo deve ser slido e com largura de 2 cm.

21. Escreva um arquivo HTML que contenha uma tabela de imagens. Use Folha de
Estilos Local para fazer com que a borda de cada uma seja slida e com um estilo
diferente.