HTML & CSS · Capítulo 2

CSS, cascata e box model

Seletores, especificidade, herança, margin, border, padding e dimensões.

CONCEITO

O que precisas de perceber

A cascata decide que regra vence. Evita especificidade excessiva. Usa box-sizing:border-box globalmente para dimensões previsíveis.

EXEMPLO

*{box-sizing:border-box}
body{font-family:system-ui;margin:0}
.card{padding:1.5rem;border:1px solid #ddd;border-radius:1rem}

CADERNO DIGITAL

Escreve apontamentos deste capítulo. Ficam apenas neste dispositivo.

Guardado localmente.

AGORA TU

Cria três cartões consistentes sem copiar estilos inline.