font-size

Schriftgrösse

  font-size bestimmt die Schriftgrösse.

Den Ball flach halten

Es gibt sehr viele mögliche Masseinheiten für font-size. Ich habe sie noch nie gezählt, aber ich schätze, dass es um die 25 Varianten gibt!
Ich würde dir dringend empfehlen, bei deinen ersten Versuchen mit CSS-Code mal nur px und em einzusetzen. Damit kann man schon ganz gut Leben.

px vs. em

Anders die "feste" Masseinheit Pixel (px), ist em mehr ein Faktor, mit Hilfe dessen - ausgehend von der Schriftgrösse des Elternelements - die Grösse berechnet wird. Beispiel:
Du definierst die Schriftgrösse für den body 16px.
Für die Abschnitte nimmst du 1.5 em.
Das ergibt ein Grösse von 24px (16px * 1.5 = 24px) für die <p>-Tags.

Eine Tabelle mit Schriftgrösse 16px

In der linken Spalte der Wert in em, in der rechten Spalte der vom Browser berechnete Wert, immer ausgehend von 16px:

em px (gerundet)
0.5em 8px
0.6em 10px
0.8em 13px
1em 16px
1.4em 22px
1.6em 26px
1.8em 29px
2em 32px
2.4em 38px
p {
	font-size: 12px;
}

Schriftgrössen ausprobieren

Bei type-scale.com kannst du mit verschiedenen Schriftgrössen Experimente machen.