em Einheit

[Der Martin]

Hallo,

1em = 100% Der Schriftgroesse relativ dazu, was der Seitenleser in _seinem_ Browser eingestellt hat.

äh, nein, das stimmt nicht ganz.
1em = 100% für ein Element entspricht der Schriftgröße, die das Element *normalerweise* hätte. So ist 0.8em zum Beispiel 80% der regulären Schriftgröße.

Bei mir ist 1em = Verdana 14px (In allen Browsern)

Das glaube ich nicht. ;-)
Nimm mal diesen HTML-Fetzen:

<p id="demo">Das ist ein Textabsatz, in dem <span>zwei Worte</span>
 etwas größer gesetzt sind.</p>

und nun setzen wir folgendes CSS drauf:

p#demo
  { font-size: 125%;
  }
 p#demo span
  { font-size: 1.6em;
  }

Mal angenommen, das p-Element ist direktes Kindelement von body, und weder für body noch für html ist explizit eine Schriftgröße definiert. Dann hätte der Text innerhalb des p-Elements in deinem Fall eine Größe von 14px*1.25, also theoretisch 17.5px - ob ein Browser hier auf- oder abrundet, lassen wir mal dahingestellt.
Diese Schriftgröße wird nun auch an das span vererbt, so dass 1em innerhalb des span-Elements wieder 17.5px entspricht. Auf *diese* Größe bezieht sich nun die Angabe von 1.6em für das span, so dass der Text darin letztendlich 28px groß ist.

Diese Abhängigkeiten sind anfangs schwer zu durchschauen. Aber das Schöne ist, dass die Größenangaben in em oder % alle relativ sind, so dass es genügt, wenn man an einer Stelle etwas ändert - die davon abhängigen Proportionen bleiben automatisch erhalten, sofern nicht absolute Größenangaben (z.B. in px) dazwischen auftauchen.

So long,
 Martin