Maßeinheiten in CSS

Es ist in CCS auch wichtig die Maßeinheiten zu kennen, die uns zur Verfügung steht. Leider gibt es hier ein kleines oder auch etwas größere Problem. Da die Größe von den Betriebssystemen verschieden berechnet wird, ist nicht gewährleistet, dass z.B. die Schriftgröße auf einen anderen Rechner gut lesbar ist. Man sollte deshalb darauf achten dass die Schrift nicht zu klein ist.

Kommawerte der Maßeinheiten müssen immer mit einem Punkt geschrieben werden (11,45 ist also 11.45).

Hier sind die Maßeinheiten die uns unter CSS zur Verfügung stehen: pt, pc, in, mm, cm, px, em, ex und %

Die absolute Maßeinheiten
Absolute Maßeinheiten geben einen festen Wert an.

pt    steht für Point, 1 Point ist sozusagen ein Punkt groß auf dem Bildschirm. 1 Punkt entspricht 1/72 Inches.
pc   steht für Pica, 1 Pica entspricht 12 Punkte auf dem Bildschirm.
in    steht für Inch, 1 Inch entspricht 2.54 Zentimeter.
mm steht für Millimeter.
cm  steht für Zentimeter.
px   steht für Pixel, die Größe des Pixels ist vom Bildschirm abhängig.

Die relative Maßeinheiten
Relative Maßeinheiten werden erst errechnet.

em  steht für bezogen auf die Schriftgröße des Elements oder bezogen auf die Schriftgröße des Elternelements, wenn em bei der Schriftgröße des Elements angewendet wird.
ex   steht für bezogen auf die Größe des Kleinbuchstaben x des Elements oder bezogen auf die Größe des Kleinbuchstaben x auf das Elternelement, wenn ex bei der Schriftgröße des Elternelements angewendet wird.
%   steht für Prozent, je nach CSS-Eigenschaft relativ zur Größe des Elements, oder zu der des Elternelements.