Schriftgröße

Die Eigenschaft font-size legt die Größe des Textes fest. Pixel kennst du schon:

h1 {
	font-size: 40px;
}

Für Text verwenden wir aber meist eine andere Einheit: rem. 1rem ist die Basisschriftgröße des Browsers, normalerweise 16 Pixel. Also sind 2rem 32 Pixel und 0.5rem 8 Pixel (Dezimalzahlen mit Punkt, wie immer in CSS).

Warum nicht einfach Pixel? Menschen, die nicht gut sehen, stellen in ihrem Browser oft eine größere Basisschriftgröße ein. Größen in rem wachsen mit, sodass die ganze Seite lesbar bleibt und ihre Proportionen behält. Größen in Pixeln bleiben gleich, was der Besucher auch eingestellt hat.

Gewöhnlicher Text ist standardmäßig 16 Pixel (1rem) groß, und Browser machen Überschriften größer: Eine h1-Überschrift hat 32 Pixel und eine h2-Überschrift 24 Pixel.