Webdesign - Webseiten planen, gestalten - Free-Hack Library

86
CSS
4.4.7 Absolute und relative Maßeinheiten
Jede CSS-Deklaration besteht aus einer Eigenschaft und einem oder
mehreren Werten, deshalb kommt den Werten in CSS eine ebenso
hohe Bedeutung zu wie den Eigenschaften selbst. Die Größenangaben
stellen die bei weitem größte und wichtigste Gruppe
dar. Diese Werte lassen sich grob in zwei Gruppen unterteilen: in
absolute und relative Werte.
Absolute Maße werden direkt und ohne Umrechnung dargestellt.
Das bedeutet, dass sie auf Druckmedien in genau der richtigen
Größe wiedergegeben werden. Für die Bildschirmausgabe sind sie
dagegen nicht geeignet. Dort ist die Größe der Darstellung von
vielen Faktoren abhängig, letztlich werden absolute Größen aber
in Pixel umgerechnet und ausgegeben. Deshalb sind durch absolute
Größenmaße formatierte Elemente auf dem Bildschirm praktisch
nie in ihrer gewünschten Größe dargestellt. Absolute Maße eignen
sich daher am besten für Medien, deren Abmessungen bekannt
sind. Die in CSS verwendeten absoluten Maßeinheiten sind:
Zentimeter (cm), Millimeter (mm), Zoll/Inch (in), Points (pt) und
Picas (pc), wobei ein Point als 1/72 Inch und ein Pica als 12 Points
oder 1/6 Inch definiert ist.
Darüber hinaus gibt es folgende Schlüsselwörter für absolute
Größen, wobei diese in den meisten Browsern unterschiedlich
skaliert werden. Laut CSS 2-Empfehlung sollen sie sich jeweils um
den Faktor 1,2 unterscheiden. Die Schlüsselwörter lauten: xx-small,
x-small, small, medium, large, x-large, xx-large.
Relative Maße werden als Verhältnismaße zu anderen Größen
definiert. Die Größen, auf die sie sich beziehen, sind Benutzervoreinstellungen
der Schriftgröße und die Größen, die der Browser
verwenden würde, wenn der Autor des Stylesheets keine Größe
festlegt. Die Größen der Kindelemente errechnen sich aus den
eigenen relativen Wertangaben und den berechneten Werten
der Elternelemente.
Relative Maßeinheiten eignen sich für die Bildschirmdarstellung
besser als absolute Einheiten, da sie skalierbar sind. Das bedeutet,
Nutzer können die Ausgabe an ihre eigenen Bedürfnisse anpassen,
etwa die Schrift vergrößern, wenn sie durch eine Sehschwäche so
sehr eingeschränkt sind, dass sie Texte in Standardschriftgröße
auf dem Bildschirm nicht oder nur sehr mühevoll lesen können.
Der Umgang mit relativen Maßeinheiten ist für die Gestaltung
für den Bildschirm die erste Wahl, man muss sich aber vor Augen
halten, dass für die Berechnung der tatsächlichen Größe immer
die Elternelemente berücksichtigt werden. Die in CSS verwendeten
relativen Maßeinheiten sind:
em
• (Geviertbreite): 1 em ist die Zeilenhöhe der vom Benutzer
im Browser angegebenen Standardschrift. Gibt der
Benutzer als Standardschrift eine 12px-große Schrift an,
beträgt 1 em auch eben diese 12 Pixel.