CSS-Textgestaltung

Nachdem die Grundlagen der CSS-Sprache behandelt wurden, ist das nächste CSS-Thema, auf das Sie sich konzentrieren sollten, das Gestalten von Text — eine der häufigsten Aufgaben, die Sie mit CSS durchführen werden. Hier betrachten wir die Grundlagen einschließlich der Schriftart, der Fettschrift, Kursivschrift, Zeilen- und Buchstabenabstand, Schlagschatten und andere Textmerkmale. Wir schließen das Modul mit der Anwendung benutzerdefinierter Schriftarten auf Ihre Seite sowie dem Gestalten von Listen und Links ab.

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/anderen Gerät arbeiten, auf dem Sie keine eigenen Dateien erstellen können, könnten Sie (die meisten) der Codebeispiele in einem Online-Coding-Programm wie JSBin oder Glitch ausprobieren.

Tutorials und Herausforderungen

Grundlegende Text- und Schriftgestaltung

In diesem Artikel gehen wir alle Grundlagen der Text-/Schriftgestaltung detailliert durch, einschließlich der Einstellung von Schriftstärke, -familie und -stil, der Kurzschrift für Schriftarten, der Textausrichtung und anderer Effekte, 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 relevant sind und die Sie kennen sollten, sowie einige bewährte Vorgehensweisen, die zu beachten sind. Dieser Artikel erklärt alles.

Beim Gestalten von Links ist es wichtig zu verstehen, warum Standardlinkstile wichtig sind, wie man Pseudo-Klassen verwendet, um Linkzustände effektiv zu gestalten, und wie man Links für den Einsatz in häufigen, vielfältigen Benutzeroberflächenfunktionen wie Navigationsmenüs und Registerkarten gestaltet. Wir werden all diese Themen in diesem Artikel betrachten.

Web-Schriftarten

Hier werden wir Web-Schriftarten im Detail untersuchen — diese ermöglichen es Ihnen, benutzerdefinierte Schriftarten zusammen mit Ihrer Webseite herunterzuladen, um eine vielfältigere und benutzerdefinierte Textgestaltung zu ermöglichen.

Herausforderung: Typografie für die Homepage einer Gemeinschaftsschule Challenge

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.