Lista de exercícios

1. Criando e linkando o arquivo CSS No seu arquivo HTML, inserir o seguinte código no

html Copiar

1. Definindo estilos básicos No arquivo style.css, add:

css Copiar body { background-color: indigo; color: white; }

1. Estilizando com cores e formatos Exemplo de como estilizar um título e botões:

css Copiar h1 { color: #ffcc00; font-size: 36px; }

button { background-color: #00cc99; color: white; padding: 10px 20px; border: none; border-radius: 5px; cursor: pointer; }

button:hover { background-color: #009966; }

1. Personalizando a página com CSS Exemplo para um cabeçalho e rodapé:

css Copiar header { background-color: #333; color: white; padding: 20px; }

footer { background-color: #444; color: white; padding: 10px; text-align: center; }

1. Aplicando estilos com CSS Para aplicar três estilos diferentes, testei três arquivos CSS como:

Formal (style-formal.css):

css Copiar body { font-family: 'Georgia', serif; background-color: #f4f4f4; color: #333; } Colorido (style-colorful.css):

css Copiar body { background-color: #ff5733; color: #f4f4f4; font-family: 'Arial', sans-serif; }

Minimalista (style-minimal.css):

css Copiar body { background-color: #fff; color: #333; font-family: 'Helvetica', sans-serif; }

1. Personalizando Links

css Copiar a { color: #ff5733; text-decoration: none; }

a:hover { color: #c0392b; }