XP 0

Como o CSS funciona

CSS: dando vida ao HTML

O HTML sozinho é um esqueleto sem graça (texto preto, fundo branco). O CSS (Cascading Style Sheets) é o que deixa a página bonita.

Tudo em CSS são regras. Cada regra tem 3 partes:

h1 {
  color: blue;
}
  • h1 — o seletor: quais elementos estilizar
  • color — a propriedade: o que mudar
  • blue — o valor: como mudar

Leia assim: "todo h1, deixe a cor azul". Dentro das chaves { } você pode ter várias propriedades, uma por linha.

⚠️ O erro nº 1 de quem começa: esquecer o ponto e vírgula ; no fim de cada declaração. Ele separa uma propriedade da próxima — sem ele, o CSS quebra em silêncio.

Pontos-chave

  • seletor { propriedade: valor; }
    a anatomia de toda regra CSS.