Beispiele für Größenangaben in CSS

Ich habe eine Schriftgröße von 1 em. Das ist die Standardgröße, die im Webbrowser eingestellt ist.
Wenn die Standardgröße des Webbrowsers auf 16px eingestellt ist, habe ich eine Schrifthöhe von exakt 16 Pixel.
Kontrollieren Sie die Standardschriftgröße in den Einstellungen Ihres Webbrowsers.

Ich bin ein Container mit einer Schriftgröße von 50%.
Die Schriftgröße bezieht sich auf mein Elternelement - in diesem Fall der body. Wahrscheinlich habe ich eine Schrifthöhe von 8 Pixeln - zumindest wenn der Standardwert für die Schriftgröße im Browser auf 16 px gestellt ist.

Ich habe eine Schriftgröße von 2 em und müsste damit wieder eine Schriftgröße von 16 Pixeln haben.

Aber Achtung: relative Maßeinheiten vererben sich! ich bin ebenfalls 2 em groß, aber ein Kindelement von einem anderen 2em großen Element.

Ich habe eine Schriftgröße von 1 em, wie groß bin ich wohl?.
Klicken Sie in Chrome oder Firefox mit der rechten Maustaste auf das Element und wählen Sie „Element untersuchen“.

Ich habe eine Schriftgröße von 1.5 rem. Die Angabe rem bezieht sich immer auf die Schrifthöhe des Wurzelelements der Seite. Egal wie groß das jeweilige Elternelement ist, bleibt rem im gesamten Dokument konstant.

Tipp: achten Sie auf die Schreibweise. Es darf sich kein Leerzeichen zwischen dem Wert und der Maßeinheit befinden. Und das Komma in der Angabe 1.5 wird als Punkt geschrieben.

Ich bin mit einer absoluten Maßeinheit (26px) formatiert und daher unabhängig vom Elternelement.

Auch prozentuale Angaben lassen sich machen.
Hier ist die Breite des Elements auf 70 Prozent gestellt, die Angabe bezieht sich wieder auf das jeweilige Elternelement.