Zusammenfassung

In dieser Lektion haben wir gelernt:

Die Elemente strong und em geben Text eine Bedeutung; wie Text aussieht, legt CSS fest.
font-family legt die Schrift fest. Ihr Wert ist eine Liste von Ersatzschriften: Der Browser verwendet die erste Schrift der Liste, die er hat. Wir beenden die Liste mit einer generischen Familie, serif, sans-serif oder monospace, nie in Anführungszeichen. Schriftnamen mit Leerzeichen schreibt man in Anführungszeichen: "Times New Roman".
Die Schrift und die anderen Eigenschaften von Text werden vererbt, also legen wir die Hauptschrift für body fest.
font-weight legt fest, wie fett der Text ist, von 100 bis 900; normal ist 400 und bold ist 700. Eine Schrift sieht nur in den Stärken anders aus, die sie hat.
font-style: italic macht Text kursiv, und font-style: normal macht ihn wieder aufrecht.
font-size legt die Größe des Textes fest. Neben Pixeln verwenden wir rem: 1rem ist die Basisschriftgröße des Browsers, meist 16 Pixel, und Größen in rem berücksichtigen die Einstellungen des Besuchers.
line-height legt die Höhe einer Zeile fest. Eine Zahl ohne Einheit, etwa 1.6, ist ein Vielfaches der Schriftgröße und wächst mit ihr.
text-align richtet Text aus: left, right, center oder justify.
text-transform ändert die Groß- und Kleinschreibung (uppercase, lowercase, capitalize), und letter-spacing den Abstand zwischen den Buchstaben.
Webfonts werden zusammen mit der Seite heruntergeladen, zum Beispiel von Google Fonts, mithilfe von link-Elementen im head. Wir behalten Ersatzschriften in der Liste, falls sich die Schrift nicht herunterladen lässt.

In der nächsten Lektion, CSS-Box-Modell, finden wir heraus, wie viel Platz Elemente einnehmen und wie man Platz innerhalb und außerhalb von ihnen hinzufügt.

Anweisungen

Glückwunsch, du hast die Lektion abgeschlossen! Der Editor enthält deine Seite, wie sie jetzt aussieht. Probiere andere Schriften von Google Fonts, andere Größen oder Ausrichtungen aus.

ZurückWeiter

Zusammenfassung

In dieser Lektion haben wir gelernt:

Die Elemente strong und em geben Text eine Bedeutung; wie Text aussieht, legt CSS fest.
font-family legt die Schrift fest. Ihr Wert ist eine Liste von Ersatzschriften: Der Browser verwendet die erste Schrift der Liste, die er hat. Wir beenden die Liste mit einer generischen Familie, serif, sans-serif oder monospace, nie in Anführungszeichen. Schriftnamen mit Leerzeichen schreibt man in Anführungszeichen: "Times New Roman".
Die Schrift und die anderen Eigenschaften von Text werden vererbt, also legen wir die Hauptschrift für body fest.
font-weight legt fest, wie fett der Text ist, von 100 bis 900; normal ist 400 und bold ist 700. Eine Schrift sieht nur in den Stärken anders aus, die sie hat.
font-style: italic macht Text kursiv, und font-style: normal macht ihn wieder aufrecht.
font-size legt die Größe des Textes fest. Neben Pixeln verwenden wir rem: 1rem ist die Basisschriftgröße des Browsers, meist 16 Pixel, und Größen in rem berücksichtigen die Einstellungen des Besuchers.
line-height legt die Höhe einer Zeile fest. Eine Zahl ohne Einheit, etwa 1.6, ist ein Vielfaches der Schriftgröße und wächst mit ihr.
text-align richtet Text aus: left, right, center oder justify.
text-transform ändert die Groß- und Kleinschreibung (uppercase, lowercase, capitalize), und letter-spacing den Abstand zwischen den Buchstaben.
Webfonts werden zusammen mit der Seite heruntergeladen, zum Beispiel von Google Fonts, mithilfe von link-Elementen im head. Wir behalten Ersatzschriften in der Liste, falls sich die Schrift nicht herunterladen lässt.

In der nächsten Lektion, CSS-Box-Modell, finden wir heraus, wie viel Platz Elemente einnehmen und wie man Platz innerhalb und außerhalb von ihnen hinzufügt.