CSS-Textgestaltung
Nachdem die Grundlagen der CSS-Sprache behandelt wurden, 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 befassen wir uns mit den Grundlagen, einschließlich der Einstellung von Schriftarten, Fettung, Kursivschrift, Zeilen- und Buchstabenabstand, Schlagschatten und anderen Texteigenschaften. Wir schließen das Modul ab, indem wir uns mit der Anwendung benutzerdefinierter Schriftarten auf Ihre Seite sowie der Gestaltung von Listen und Links befassen.
Voraussetzungen
Bevor Sie mit diesem Modul beginnen, sollten Sie mit HTML und den grundlegenden CSS-Grundlagen vertraut sein.
Tutorials und Herausforderungen
- Grundlegende Text- und Schriftgestaltung
-
In diesem Artikel gehen wir alle Grundlagen der Text-/Schriftgestaltung im Detail durch, einschließlich der Einstellung von Schriftgewicht, -familie und -stil, Schriftverknappung, Textausrichtung und anderen Effekten sowie Zeilen- und Buchstabenabstand.
- Listen gestalten
-
Listen verhalten sich größtenteils wie jeder andere Text, aber es gibt einige spezifische CSS-Eigenschaften für Listen, die Sie kennen sollten, und einige bewährte Praktiken, die es zu beachten gilt. Dieser Artikel erklärt alles.
- Links gestalten
-
Beim Gestalten von Links ist es wichtig zu verstehen, warum Standard-Linkstile wichtig sind, wie man Pseudo-Klassen verwendet, um Linkzustände effektiv zu gestalten, und wie man Links für den Einsatz in gängigen und unterschiedlichen Benutzeroberflächenfunktionen wie Navigationsmenüs und Tabs gestaltet. Wir werden all diese Themen in diesem Artikel behandeln.
- Webfonts
-
Hier werden wir Webfonts im Detail erkunden - diese ermöglichen es Ihnen, benutzerdefinierte Schriftarten zusammen mit Ihrer Webseite herunterzuladen, um eine abwechslungsreichere und individuellere Textgestaltung zu ermöglichen.
- Herausforderung: Typografie einer Startseite einer Gemeinschaftsschule Challenge
-
In dieser Bewertung testen wir Ihr Verständnis der Textgestaltung, indem wir Sie auffordern, den Text für die Startseite einer Gemeinschaftsschule zu gestalten.
Siehe auch
- Learn HTML and CSS, Scrimba MDN Lernpartner
-
Der Learn HTML and CSS Kurs von Scrimba lehrt Ihnen HTML und CSS durch den Bau und die Bereitstellung von fünf großartigen Projekten mit unterhaltsamen interaktiven Lektionen und Herausforderungen, die von kompetenten Lehrern unterrichtet werden.