In CSS worden meeteenheden gebruikt om afmetingen, zoals breedte, hoogte en marge, te specificeren. Hieronder zijn enkele van de meest voorkomende meeteenheden die in CSS worden gebruikt:
1. Pixels (px): Pixels zijn vastgestelde meeteenheden en zijn onafhankelijk van andere eenheden. Dit is de meest gebruikte meeteenheid in CSS.
Voorbeeld:
```
div {
width: 300px;
height: 200px;
}
```
1. Percentages (%): Deze meeteenheid is relatief aan een andere waarde, bijvoorbeeld de breedte van het omsluitende element.
Voorbeeld:
```
div {
width: 50%;
height: 50%;
}
```
1. EM: Deze is relative aan de lettergrootte van het ouder-element.
Voorbeeld:
```
p {
font-size: 2em;
}
```
1. REM: Deze is relatief aan de lettergrootte van het root-element (meestal de html tag)
Voorbeeld:
```
p {
font-size: 2rem;
}
```
1. Viewport units (vw, vh, vmin, vmax): Deze zijn relatief aan de grootte van het viewport van de gebruiker.
Voorbeeld:
```
div {
width: 50vw;
height: 50vh;
}
```
Elke meeteenheid heeft zijn toepassingen en kan gebruikt worden om responsive designs te maken die goed werken op verschillende schermgroottes en resoluties.
