Ci sono diverse unità di misura utilizzabili nei CSS:
1. Pixel (px): l’unità di misura più comune. Un pixel è un puntino singolo su uno schermo.
Esempio:
```
p {
font-size: 16px;
}
```
1. Percentuale (%): si utilizzano principalmente per le dimensioni relative, come la larghezza o l’altezza di un elemento rispetto al suo contenitore.
Esempio:
```
div {
width: 50%;
}
```
1. Em: basato sulla dimensione del carattere corrente. Per esempio, se la dimensione del carattere corrente è 12px, “2em” equivale a 24px.
Esempio:
```
p {
font-size: 2em;
}
```
1. Rem: simile a em, ma si basa sulla dimensione del carattere root dell’intero documento, non sulla dimensione del carattere dell’elemento padre.
Esempio:
```
p {
font-size: 2rem;
}
```
1. Viewport units (vw, vh, vmin, vmax): Queste unità sono relative alla finestra del browser dell’utente. Per esempio, “1vw” equivale all’1% della larghezza del viewport.
Esempio:
```
div {
width: 50vw;
}
```
Per utilizzare queste unità di misura, basta aggiungerle dopo il valore numerico in una dichiarazione CSS.
