Exercícios de CSS Práticos
Exercício 01 - Lista com quadrados
- Arquitetura e Montagem de Desktops
- Estruturas de Dados e Algoritmos
- Fundamentos de Infraestrutura de Redes
Exercício 02 - Algarismos Romanos
- Módulo Inicial: Conceitos Fundamentais
- Módulo Intermediário: Manutenção e Ajustes
- Módulo Avançado: Otimização de Performance
Exercício 03 - Marcador personalizado
- Guia de Configuração de Redes
- Conteúdos de Desenvolvimento Web
- Materiais sobre Inovação e Tecnologias
Exercício 04 - Marcador dentro da lista
-
Capacitação Profissional: Conteúdos práticos focados no desenvolvimento técnico e aplicabilidade no mercado de trabalho.
-
Material Complementar: Apostilas digitais, apresentações e guias de exercícios para fixação do conteúdo.
Exercício 05 - Caixa de alerta
AVISO IMPORTANTE
Atenção: Mantenha sempre cópias de segurança do seu código durante as rotinas de desenvolvimento e práticas em laboratório.
Exercício 06 - Botão tracejado
ACESSAR MATERIAL DE ESTUDO
Exercício 07 - Moldura
Painel Principal
Módulo Prático de CSS3
Exercício 08 - Tabela com bordas colapsadas
| Módulo |
Valor |
| Montagem e Manutenção |
R$ 100 |
| Fundamentos de Redes |
R$ 120 |
| Desenvolvimento Front-End |
R$ 150 |
Exercício 09 - Espaçamento entre células
| Serviço |
Preço |
| Diagnóstico de Sistemas |
R$ 80 |
| Otimização de Software |
R$ 60 |
| Estruturação de Redes |
R$ 150 |
Exercício 10 - Outline
Caixa em Destaque
Demonstração da propriedade outline aplicada sobre a borda padrão do elemento.
Exercício 11 - Outline Offset
Outline Offset Exemplo:
Espaço visível de 10px criado fora da borda do elemento.
Exercício 12 - Sombra externa
Card Informativo
Efeito visual utilizando box-shadow externa para promover destaque sobre o fundo da página.
Exercício 13 - Sombra interna
Painel Rebaixado
Aplicação de sombra interna para criar a sensação de profundidade no bloco.
Exercício 14 - Sombra com propagação
Aviso de Destaque
Efeito de brilho suave ao redor do elemento através do uso de spread no box-shadow.
Exercício 15 - Margin Auto
Elemento Centralizado
Bloco alinhado ao centro da página utilizando a propriedade de margens automáticas nas laterais.
Exercício 16 - Menu horizontal
Exercício 17 - Min e Max
Painel de Atualizações
Acompanhe os novos materiais e artigos práticos lançados na plataforma.
Exercício 18 - Visibility Hidden
Passo 1
Passo 2
Passo 3
Exercício 19 - Display None
Passo 1
Passo 2
Passo 3
Exercício 20 - Opacidade