Lista de Exercícios – CSS
- Data da entrega: 17/09
1. Estilizar o seguinte texto, colocando sombra, identação, família de fonte
Courier, Arial e Helvetica (nesta ordem) e alinhamento justificado.
2. Criar um formulário, dentro de uma tabela, com dados para cadastramento
de livros em uma biblioteca, seguindo o modelo abaixo:
•
Tags utilizadas:
a. Label dos campos: h5 customizado, cor da
fonte white, cor do fundo darkblue, cor da
sombra maroon, familia de fonte Helvetica.
b. Caixas de texto: cor do fundo khaki, cor da
fonte red, fonte em negrito.
3. Criar uma página HTML com um título centralizado no corpo da página,
colocar uma sombra no título e, logo abaixo, uma figura centralizada com
recorte na parte central.
•
Observações:
o Utilizar sombra em qualquer cor.
o Utilizar figuras grandes para recorte com clip.
o Colocar a figura na parte de conteúdo da página (contente-box).
4. Criar uma tabela contendo bordas em diferentes espessuras e estilos,
contendo uma única linha e coluna. Colocar um texto qualquer interno e
criar uma legenda, utilizando as tags Caption (no html) e Caption-side (no
CSS) . Exemplo:
5. Criar uma página HTML contendo um texto e um link, estilizando o link
com cores diferentes para links visitados, links não visitados e links ativos.
Utilizar as tags:
a. a:link
b. a:visited
c. a:active
6. Criar uma página HTML contendo um sumário de um livro com
incremento das seções e subseções através de CSS. Pesquisar utilização da
propriedade conter-increment. Levar em consideração que o sumário
possui três níveis de numeração (Ex.: 2, 2.1, 2.1.1 ).