font-size bestimmt die Schriftgrösse.
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.
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.
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;
}
Bei type-scale.com kannst du mit verschiedenen Schriftgrössen Experimente machen.