CSS zur Textgestaltung

Nachdem die Grundlagen der CSS-Sprache behandelt wurden, ist das nächste Thema, auf das Sie sich konzentrieren sollten, die Gestaltung von Text – eine der häufigsten Aufgaben, die Sie mit CSS durchführen werden. Hier betrachten wir die Grundlagen wie das Setzen von Schriftarten, Fett- und Kursivschrift, Zeilen- und Buchstabenabstand, Schlagschatten und andere Texteinrichtungen. Wir schließen das Modul ab, indem wir uns ansehen, wie benutzerdefinierte Schriftarten auf Ihrer Seite angewendet sowie Listen und Links gestaltet werden können.

Voraussetzungen

Bevor Sie mit diesem Modul beginnen, sollten Sie mit HTML und den grundlegenden Grundlagen von CSS vertraut sein.

Hinweis: Wenn Sie an einem Computer, Tablet oder einem anderen Gerät arbeiten, auf dem Sie keine Dateien erstellen können, können Sie versuchen, den Code in einem Online-Editor wie CodePen oder JSFiddle auszuführen.

Tutorials und Herausforderungen

Grundlegende Text- und Schriftgestaltung

In diesem Artikel gehen wir detailliert auf alle Grundlagen der Text-/Schriftgestaltung ein, einschließlich des Setzens von Schriftgewicht, Familie und Stil, Schrift-Kurzschrift, 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 Praktiken, die es zu beachten gilt. Dieser Artikel erklärt alles.

Bei der Gestaltung von Links ist es wichtig zu verstehen, warum die Standard-Linkstile wichtig sind, wie man Pseudo-Klassen effektiv zum Gestalten von Linkzuständen verwendet und wie man Links für den Einsatz in gängigen, unterschiedlichen Benutzeroberflächenmerkmalen wie Navigationsmenüs und Tabs gestaltet. Wir werden alle diese Themen in diesem Artikel betrachten.

Webfonts

Hier werden wir Webfonts im Detail erkunden – diese ermöglichen es Ihnen, benutzerdefinierte Schriftarten zusammen mit Ihrer Webseite herunterzuladen, um eine vielfältigere, individuellere Textgestaltung zu ermöglichen.

Herausforderung: Satz einer Homepage einer Gemeinschaftsschule Herausforderung

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