CSS do zero ao layout
Um caminho progressivo em 9 lições. Cada aula aponta para exemplos editáveis e snippets prontos.
1O que é CSS e por onde começar
Entenda o papel do CSS na web e como ligar estilos ao HTML.2Seletores e especificidade
Escolha o alvo certo sem exagerar em IDs e !important.3Box model e espaçamento
Content, padding, border, margin e box-sizing.4Flexbox: eixos e alinhamento
Distribua itens em uma dimensão com flex.5CSS Grid para layouts
Crie grades responsivas com repeat e minmax.6Tipografia e responsividade
clamp(), contraste e leitura confortável em qualquer tela.7Projeto: montando um layout completo
Una sticky header, grid, cards e tema em uma página.8Responsivo moderno além das media queries
clamp, container queries, scroll-snap e layouts que se adaptam ao componente.9Acessibilidade CSS
Foco visível, formulários, contraste e motion — CSS a serviço de todas as pessoas.
Entenda o papel do CSS na web e como ligar estilos ao HTML.2Seletores e especificidade
Escolha o alvo certo sem exagerar em IDs e !important.3Box model e espaçamento
Content, padding, border, margin e box-sizing.4Flexbox: eixos e alinhamento
Distribua itens em uma dimensão com flex.5CSS Grid para layouts
Crie grades responsivas com repeat e minmax.6Tipografia e responsividade
clamp(), contraste e leitura confortável em qualquer tela.7Projeto: montando um layout completo
Una sticky header, grid, cards e tema em uma página.8Responsivo moderno além das media queries
clamp, container queries, scroll-snap e layouts que se adaptam ao componente.9Acessibilidade CSS
Foco visível, formulários, contraste e motion — CSS a serviço de todas as pessoas.