🎨 Estética

CSS · a pele

A aparência: cores, tipos de letra, espaços, o que se move. Pega no esqueleto do HTML e torna-o bonito.

A ver como O Mágico. Trocar:

A ideia, ao teu nível

O CSS é vestir o que o HTML pôs na mesa. Escolhes um alvo e dás-lhe cor, espaço, tipo de letra. O espaço (a respiração) faz mais pela beleza do que a cor.

O código

h1 { color: violet; }
p { line-height: 1.6; }

A tua vez · muda o comportamento

Dá mais respiração a um parágrafo (line-height, margens). Repara: ficou mais legível sem mudar uma palavra.

Que parte do mundo controla

Como as coisas se PARECEM e se movem — cor, espaço, tipo de letra, animação.

As 3 ideias que importam

Escolhes um alvo (este título, todos os botões) e dás-lhe regras de aparência.
O espaço (margens e respiração) faz mais pela beleza do que a cor.
Pequenas transições (hover, fade) dão vida sem precisar de programação.

O que constróis com ela

A identidade visual — a diferença entre um rascunho e algo que parece cuidado.

Onde se cruza: Veste o HTML. Nunca existe sozinho — precisa de ossos para vestir.

Vê CSS a funcionar — abre o capô

A travessiaAnimação só com CSS, ligada ao scroll — sem uma linha de JavaScript. A pele a ganhar vida.Abrir a Prova Viva ↗O detalhe que encantaMicro-interações (hover, mola, ondulação) feitas no CSS — o que separa o cru do cuidado.Abrir a Prova Viva ↗O gradiente que respiraCor viva e movimento — a estética como sistema, não como acaso.Abrir a Prova Viva ↗

Na Biblioteca Viva, cada uma tem Ver código e Clonar para a minha IA — leva-a e adapta-a.

Da lição à tua ferramenta

Agora faz CSS trabalhar para ti

Não precisas de te tornar programador — precisas de saber dirigir. Pega no que acabaste de perceber e pede à tua IA (Claude, ChatGPT, Codex) uma ferramenta pequena e real, tua. Este molde dá-lhe o tom certo: pequeno primeiro, a explicar cada parte, honesto sobre riscos.

Abrir o capô numa Prova Viva →Voltar ao mapa