CSS für Textgestaltung

Nachdem Sie die Grundlagen der CSS-Sprache behandelt haben, ist das nächste CSS-Thema, auf das Sie sich konzentrieren sollten, die Textgestaltung – eine der häufigsten Aufgaben, die Sie mit CSS durchführen werden. Hier betrachten wir die Grundlagen der Textgestaltung, einschließlich der Einstellung von Schriftarten, Fettdruck, Kursivschrift, Zeilen- und Buchstabenabstand, Schlagschatten und anderen Texteigenschaften. Wir schließen das Modul ab, indem wir uns ansehen, wie Sie benutzerdefinierte Schriftarten auf Ihrer Seite anwenden und Listen und Links gestalten.

Voraussetzungen

Bevor Sie mit diesem Modul beginnen, sollten Sie bereits mit den Grundlagen von HTML vertraut sein, wie im Modul Einführung in HTML besprochen, und mit den CSS-Grundlagen vertraut sein, wie in Einführung in CSS behandelt.

Hinweis: Wenn Sie an einem Computer/Tablet/anderen Gerät arbeiten, auf dem Sie keine eigenen Dateien erstellen können, können Sie die meisten der Codebeispiele in einem Online-Coding-Programm wie JSBin oder Glitch ausprobieren.

Leitfäden

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

Grundlegende Text- und Schriftgestaltung

In diesem Artikel gehen wir alle Grundlagen der Text- und Schriftgestaltung im Detail durch, einschließlich der Einstellung von Schriftstärke, Familie und Stil, Kurzschrift für Schriftarten, Textausrichtung und anderen Effekten sowie Zeilen- und Buchstabenabstand.

Gestaltung von Listen

Listen verhalten sich größtenteils wie jeder andere Text, aber es gibt einige CSS-Eigenschaften, die speziell für Listen gelten und die Sie kennen sollten, sowie einige bewährte Vorgehensweisen, die Sie beachten sollten. Dieser Artikel erklärt alles.

Bei der Gestaltung von Links ist es wichtig zu verstehen, wie man Pseudoklassen verwendet, um Linkzustände effektiv zu gestalten, und wie man Links für den Einsatz in verschiedenen gängigen Benutzeroberflächenfeatures wie Navigationsmenüs und Tabs stylt. Wir betrachten all diese Themen in diesem Artikel.

Webschriften

Hier werden wir Webschriften im Detail erkunden – diese ermöglichen das Herunterladen benutzerdefinierter Schriftarten zusammen mit Ihrer Webseite, um vielfältigere, benutzerdefinierte Textgestaltungen zu ermöglichen.

Bewertungen

Die folgende Bewertung wird Ihr Verständnis der in den oben genannten Leitfäden behandelten Techniken zur Textgestaltung testen.

Satz einer Startseite für eine Gemeinschaftsschule

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