Websiteentwicklung: CSS: Schriftgröße

Aus Wikibooks

Inhaltsverzeichnis 1 Erklärung 2 Schriftgröße 2.1 Numerische Größenangaben 2.2 Absolute Größenangaben 2.3 Relative Größenangaben 3 Navigation

[Bearbeiten] Erklärung

Mit Hilfe von font-size lässt sich die Schriftgröße eines Textes definieren.

[Bearbeiten] Schriftgröße

Die Angabe der Schriftgröße kann numerisch, absolut oder relativ erfolgen:

[Bearbeiten] Numerische Größenangaben

Bei der numerischen Größenangabe wird ein fester Wert als Größe angegeben. Dieser kann durch Pixel-, Punkt- und anderen Angaben erfolgen.

Beispiel:

font-size: 12px;

[Bearbeiten] Absolute Größenangaben

Absoluten Größenangaben können Browserspezifisch sein.

Absolute Angaben:

• xx-small für winzig.
• x-small für sehr klein.
• small für klein.
• medium für mittel.
• large für groß.
• x-large für sehr groß.
• xx-large für riesig.

Beispiel:

font-size: small;

[Bearbeiten] Relative Größenangaben

Relative Größenangaben stehen immer in Relation zu dem Elternelement

Relative Angaben:

• smaller für kleiner als im Elternelement.
• larger für größer als im Elternelement.

Beispiel:

font-size: smaller;

Außerdem gibt es die Angabe Prozent, die sich auf die Einstellungen des Users bezieht.

h1 {font-size:200%;}

[Bearbeiten] Navigation