Curso de CSS
O visual das páginas: cores, layout, Flexbox, Grid e responsividade. Estiliza a mesma página construída no curso de HTML.
Estudar este curso interativo →Módulo 1 · O que é CSS
Seletores, propriedades, onde o CSS mora e as unidades que você vai usar o tempo todo.
Módulo 2 · O modelo de caixa
Todo elemento HTML é uma caixa. Margin, padding, border e box-sizing controlam o espaço dela.
Módulo 3 · Texto e tipografia
Fontes, tamanhos, peso e altura de linha: os ajustes que decidem se um texto é confortável ou cansativo de ler.
Módulo 4 · Cascata e especificidade
Quando duas regras miram o mesmo elemento, existe uma ordem clara de quem ganha. Entendê-la evita horas de CSS 'não funciona'.
Módulo 5 · Layout com Flexbox
O jeito moderno de alinhar e distribuir elementos numa linha (ou numa coluna): eixos, alinhamento e os casos que aparecem em todo layout.
Módulo 6 · Layout com Grid
Quando o layout precisa de linhas E colunas ao mesmo tempo, o Grid resolve com menos código do que o Flexbox.
Módulo 7 · Responsividade
A mesma página precisa funcionar bem num celular e num monitor grande. Media queries, mobile-first e unidades fluidas são como isso acontece.
Módulo 8 · Estados e transições
Hover, foco, clique e movimento suave: os detalhes que fazem uma interface parecer viva, e não estática.
Módulo 9 · Variáveis e funções do CSS
Custom properties reaproveitáveis, tipografia e espaçamento que se ajustam sozinhos com clamp/min/max, e cálculos com calc(): o CSS deixa de depender só de valores fixos.
Módulo 10 · Seletores com superpoderes
:is(), :where(), :has() e fórmulas de :nth-child(): seletores que resolvem em uma linha o que antes precisava de classes extras ou de JavaScript.
Módulo 11 · Animações de verdade
@keyframes, a escolha entre animation e transition, por que animar transform/opacity é mais leve, e por que respeitar quem pediu menos movimento.
Módulo 12 · Projeto: estilizar o perfil
Retomamos a mesma página de perfil construída no projeto final do curso de HTML, e a transformamos, passo a passo, numa interface de verdade.