In CSS, è possibile regolare l’altezza e la larghezza degli elementi utilizzando le proprietà “height” e “width”. Ogni elemento può avere le sue dimensioni, che possono essere definite in varie unità, come pixel (px), percentuali (%), em, vw (percentuali del viewport width), vh (percentuali del viewport height), ecc.
La codifica in CSS sarebbe simile a questa:
```
div {
height: 200px;
width: 50%;
}
```
Nell’esempio precedente, stiamo impostando la larghezza di un div al 50% della larghezza del suo contenitore e l’altezza a 200 pixel.
Se vuoi che un elemento occupi l’intera larghezza o altezza dello schermo viewport, puoi usare le unità di misura vw e vh:
```
div {
height: 100vh;
width: 100vw;
}
```
Nell’esempio precedente, stiamo rendendo un div alto come lo schermo (100% della altezza dello schermo) e largo come lo schermo (100% della larghezza dello schermo).
Ricorda che l’altezza e la larghezza specificate in CSS non includono padding, bordi e margini, a meno che non si utilizzi la proprietà “box-sizing” con il valore “border-box”.
