Vai al contenuto
Miraat·dweb developer journey, reflected

Fondamenti di CSS

Come dare forma, colore e tipografia agli elementi HTML, con regole chiare e prevedibili.

Foundation 30 minuti Prerequisiti: Fondamenti di HTML

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.

Risorse consigliate