CSS stellt eine Vielzahl von Maß-Einheiten bereit. Doch nur wenige machen für den Bildschirm Sinn.
Generell werden bei Größenangaben drei verschieden Gruppen unterschieden:
Relative Angaben (ex,em,px)
Absolute Angaben (cm,mm,pt,pc,in)
Prozentangaben
Diese unterschiedlichen Angaben beruhen auf dem Anspruch von W3, mit den Stylesheets eine Definition für alle
Medien - von Druck bis zu HTML-Seiten - abzudecken. Für den normalen User ist die Auswahl wohl eher verwirrend und
die Versuchung ist groß, für HTML-Seiten bekannte Größen wie cm zu verwenden.
Eine solche Angabe führt aber in die vollkommen falsche Richtung: Selbst wenn Sie den gleichen Rechner, Grafikkarte und
Auflösung nehmen und statt dem 17-Zoll-Monitor einen 21-Zoll-Monitor anschließen, wird ein cm unter dem 17-Zoll-Monitor zu 1,2 cm
unter dem 21-Zöller.
Noch schlimmer ist die Versuchung mit der Punkt-Angabe pt. Diese Angabe hat Ihren Ursprung aus der Typographie
und wird unter den verschiedenen Plattformen vollkommen unterschiedlich interpretiert. Für ein Mac ist ein Punkt ein Pixel,
während die Interpretation beim PC beispielsweise von der Systemschrift (groß oder klein) abhängt.
Fürs Web geeignet
Aus diesem Grund sind relative Angaben dem Medium Computer am besten angepaßt, wie man auch bei
der Seite zu den Schriftengrößen sehen kann.
Ob nun px, em oder ex gewählt werden sollte, hängt ganz von den individuellen Präferenzen ab. px ist nicht skalierbar,
kann also vom Anwender nicht mehr geändert werden. Je nach Auflösung und Monitor kann der Text damit unleserlich werden,
weil Browser keine Lupe besitzten.
em und ex sind relative Größen, die sich auf die Standardschrift-Größe beziehen. em auf das große M und ex auf das kleine x. Die
Größe der Darstellung sollte der Anwender am Browser über Schriftgröße einstellen können, so daß der Nachteil von px wegfällt.
Da NN Schwierigkeiten mit ex hat, sollte man in der Regel em verwenden.
Der Nachteil von em/ex: Die Definition der Standardschriftgröße ist abhängig vom
Betriebssystem und Browser, weshalb man für eine äquivalente Darstellung eine Plattformunterscheidung per JavaScript einbauen muss.
Und em unter MSIE 3 wird wie Pixel interpretiert, weshalb man diesen Anwendergruppen auf eine entsprechende Seite weiterleiten sollte.
Größen
Ergebnis
relativ: 18 px. -
2 em. -
2 ex. -
prozent: 200 %. -
absolut: 18 pt. -
0.25 in. -
7 mm. -
0.7 cm. -
Der Betreiber von www.dBooks.de übernimmt keine
Verantwortung für den Inhalt und die Richtigkeit der Angaben auf
den verlinkten Websites.
Zu den üblichen NoNos gibt es keine direkten Verweise.
Grundlagen
»
Text
Hintergrund
Verschied.
CSS-Eigenschaften
wird größtenteils unterstützt
wird nicht unterstützt
keine direkte Funktion
gefährlich
w3.org:
alistapart.com: