Welche Maßeinheiten gibt es in CSS?

Absolute und relative Einheiten.

Typ	Einheit	Beschreibung
Absolute	px	Pixel, abhängig von der Bildschirmauflösung.
	pt	Punkte, 1/72 Zoll.
	cm	Zentimeter.
	mm	Millimeter.
	in	Zoll, 1 Zoll = 2,54 cm.
	pc	Pica, 1 Pica = 12 Punkte.
Relative	em	Relativ zur Schriftgröße des Elternelements.
	rem	Relativ zur Schriftgröße des Wurzelelements (html).
	vw	Relativ zu 1% der Breite des Viewports.
	vh	Relativ zu 1% der Höhe des Viewports.
	vmin	Relativ zu 1% der kleineren Seite des Viewports (Breite oder Höhe).
	vmax	Relativ zu 1% der größeren Seite des Viewports (Breite oder Höhe).
	%	Relativ zur Größe des Elternelements (oder enthaltenden Blocks).
	ch	Relativ zur Breite des Zeichens '0' der aktuellen Schriftart.
	ex	Relativ zur Höhe der Kleinbuchstaben (x-Höhe) der aktuellen Schriftart.

Die Wahl der Einheit hängt vom Kontext ab: px wird häufig für Grenzen und Rasterbilder verwendet, rem und em für Schriftarten und Abstände, um eine bessere Skalierbarkeit auf verschiedenen Geräten zu gewährleisten. Prozentuale Werte sind nützlich für responsive Layouts.

/* Beispiel für die Verwendung */
.container {
  width: 80%; /* Relativ zum Elternelement */
  margin: 1rem auto; /* Relativ zur Schriftgröße des html-Elements */
}

.box {
  padding: 20px; /* Absoluter Wert */
  font-size: 1.2em; /* Relativ zur Schriftgröße des Elternelements */
  width: 50vw; /* Relativ zur Viewport-Breite */
}