CSS Textgestaltung

Nachdem die Grundlagen der CSS-Sprache behandelt wurden, ist das nächste Thema, auf das Sie sich konzentrieren sollten, die Textgestaltung – eine der häufigsten Aufgaben, die Sie mit CSS durchführen werden. Hier betrachten wir grundlegende Aspekte der Textgestaltung, einschließlich der Einstellung von Schriftarten, Fettschrift, Kursivschrift, Zeilen- und Buchstabenabstände, Schlagschatten und anderer Texteigenschaften. Wir schließen das Modul ab, indem wir uns mit der Anwendung von benutzerdefinierten Schriftarten auf Ihre Seite sowie mit der Gestaltung von Listen und Links befassen.

Voraussetzungen

Bevor Sie mit diesem Modul beginnen, sollten Sie bereits über grundlegende Kenntnisse von HTML verfügen, wie im Einführung in HTML Modul besprochen, und sich mit den CSS-Grundlagen vertraut gemacht haben, wie in der Einführung in CSS.

Hinweis: Wenn Sie an einem Computer/Tablet/anderen Gerät arbeiten, auf dem Sie nicht die Möglichkeit haben, eigene Dateien zu erstellen, können Sie (die meisten) der Codebeispiele in einem Online-Coding-Programm wie JS Bin oder Glitch ausprobieren.

Leitfäden

Dieses Modul enthält die folgenden Artikel, die Ihnen die wesentlichen Grundlagen der Gestaltung von HTML-Textinhalten beibringen.

Grundlegende Text- und Schriftgestaltung

In diesem Artikel gehen wir detailliert auf alle Grundlagen der Text-/Schriftgestaltung ein, einschließlich der Einstellung von Schriftstärke, Familie und Stil, der Kurznotation von Schriftarten, der Textausrichtung und anderer Effekte sowie der Zeilen- und Buchstabenabstände.

Gestaltung von Listen

Listen verhalten sich größtenteils wie jeder andere Text, aber es gibt einige CSS-Eigenschaften, die spezifisch für Listen sind, und einige bewährte Praktiken, die zu beachten sind. Dieser Artikel erklärt alles.

Beim Gestalten von Links ist es wichtig zu verstehen, wie Sie Pseudoklassen effektiv nutzen können, um Linkzustände zu gestalten, und wie Sie Links für den Einsatz in gängigen, unterschiedlichen Benutzeroberflächenmerkmalen wie Navigationsmenüs und Tabs gestalten können. Wir werden all diese Themen in diesem Artikel behandeln.

Webfonts

Hier werden wir Webfonts im Detail erkunden – diese ermöglichen das Herunterladen benutzerdefinierter Schriftarten zusammen mit Ihrer Webseite, um eine vielfältigere, individuellere Textgestaltung zu ermöglichen.

Bewertungen

Die folgende Bewertung wird Ihr Verständnis der in den obigen Leitfäden behandelten Techniken zur Textgestaltung überprüfen.

Typografie einer Startseite einer Gemeinschaftsschule

In dieser Bewertung werden wir Ihr Verständnis der Textgestaltung testen, indem wir Sie auffordern, den Text für die Startseite einer Gemeinschaftsschule zu gestalten.