Paragraph mit regulärer Größe.

Paragraph mit veränderter Größe.

Paragraph mit veränderter Größe und verschachteltem Element.

Aufgabe

Wir schauen uns die verschiedenen Größeneinheiten an indem wir die Schriftgrößen (font-size) verändern.

Absolute Einheiten

Verändere zunächst die Schriftgröße des body-Elements. Gib einige Werte in pt und px an. Ist es sinnvoll diese Einheiten zu benutzen?

"px" ist sinnvoll fürs Web und "pt" ist eher für Print und "pt" ist größer.

Relative Einheiten

a. Gib nun einen Prozent-Wert für die Schriftgröße an. Worauf beziehen sich die Prozente?

Prozente werden in Schriftgrößen benutzt, in Breite und Höhe, Padding & Margin, Positionierung und Background-Position.

b. Gib nun einen Wert in em an. Wie berechnet sich die Schriftgröße aus dem em-Wert?

Schriftgröße in Pixeln = em-Wert x Schriftgröße des Elternelements.

c. Verdoppele nun die Schriftgröße der Elemente der Klasse resized.

d. Im zweiten Paragraph befindet sich ein verschachteltetes strong-Element. Halbiere die Schriftgröße dieses Elements indem du einmal die Einheit em und % benutzt. Worauf beziehen sich die beiden Einheiten?

0.5em und 50% halbieren die Schriftgröße des Elternelements.

e. Was passiert wenn du anstatt von em die Einheit rem benutzt. Worauf bezieht sich nun die angegebene Einheit?

"rem" wird noch mehr kleiner als "em".