Cos'è CSS
CSS (Cascading Style Sheets) descrive come gli elementi HTML appaiono. Funziona per selettori che colpiscono uno o più elementi, e dichiarazioni che cambiano una proprietà.
Esempio
h1 { font-size: 28px; color: #0F6E56; }
.card { padding: 16px; border-radius: 8px; background: #fff; }
.card a:hover { text-decoration: underline; }
Concetti chiave
- Cascade: più regole possono colpire lo stesso elemento; vince la più specifica o l'ultima dichiarata.
- Box model: contenuto, padding, border, margin.
- Specificity: id > class > tag.
- Pseudo-classi:
:hover,:focus,:nth-child().
L'errore più comune è dare per scontato che !important risolva: di solito sintomo di un problema di specificità da capire.