A Web: HTML e CSS

🧪 CSS moderno, acessibilidade e arquitetura

Fechando a trilha de Web com estilo: variáveis nativas, funções modernas como clamp() e :has(), CSS que respeita cada pessoa (acessibilidade) e uma arquitetura com BEM que não desmorona quando cresce.

O que você vai aprender

Declarar custom properties em :root e reutilizá-las com var() para temas e manutenção
Aplicar funções modernas: tamanhos fluidos com clamp()/min()/max(), proporções com aspect-ratio e o seletor :has()
Melhorar a acessibilidade com :focus-visible, prefers-reduced-motion e prefers-color-scheme
Arquitetar o CSS com BEM e controle da especificidade

Lições

Custom properties: as variáveis do CSSDeclare --variáveis em :root e reutilize-as com var(): um único ponto de mudança para todo o seu sistema de temas. CSS moderno: clamp(), aspect-ratio, :has() e maisO CSS de hoje: tamanhos fluidos com clamp()/min()/max(), proporções com aspect-ratio, o seletor :has() e container queries que enxugam suas media queries. Acessibilidade e arquitetura do CSSEscreva CSS para TODO mundo: :focus-visible, prefers-reduced-motion, prefers-color-scheme e contraste. E arquitete tudo com BEM para não desmoronar.

Pratique este módulo no app

O DevPath é um curso prático: aqui você lê a teoria; no app você a coloca em prática com exercícios que rodam de verdade, offline.

Comece grátis no app →