Verwendung der Eigenschaft "font-size" zur Steuerung der Textgröße

Im Kontext des Webdesigns und der Frontend-Entwicklung ist es wesentlich zu wissen, wie man die Textgröße auf einer Webseite kontrolliert. Diese Anforderung wird im CSS durch die Eigenschaft "font-size" erfüllt.

Die CSS-Eigenschaft "font-size" ist die richtige Option zur Steuerung der Textgröße auf einer Webseite. Diese Eigenschaft wird verwendet, um die Schriftgröße festzulegen, die in verschiedenen Einheitentypen angegeben werden kann. Prominente Beispiele sind Pixel (px), em, rem, Prozent (%) und viewport units (vw, vh, vmin, vmax).

Hier ist ein einfaches Beispiel, in dem die CSS-Eigenschaft "font-size" verwendet wird:

<p style="font-size: 20px;">Dies ist ein Absatz mit einer Schriftgröße von 20 Pixel.</p>

Es bestehen vier Haupttypen von Längeneinheiten, mit denen "font-size" definiert wird: absolute, relative, viewport und Prozent. Absolute Größen (wie px) sind von der Größe des übergeordneten Elements unabhängig, während relative Größen (wie em und rem) in Bezug auf die Schriftgröße eines anderen Elements berechnet werden. Viewport-Einheiten (wie vw und vh) sind relativ zur Größe des Viewport-Fensters, und Prozentsätze sind relativ zur Schriftgröße des übergeordneten Elements.

Es gibt auch einige spezielle Schlüsselworte wie 'small' und 'large' die genutzt werden können, diese sind jedoch weniger präzise und weniger häufig verwendet als spezifische Größenangaben.

Während es im Quiz auch andere Optionen gab wie "text-height", "text-style", und "text-size", gibt es keine solchen Eigenschaften im CSS. Es ist daher wichtig, sich daran zu erinnern, dass "font-size" die einzige korrekte Eigenschaft zur Textgrößensteuerung im CSS ist.