Kursinhalt
Tailwind CSS für Webentwicklung
Tailwind CSS für Webentwicklung
1. Einführung und Einrichtung
2. Kernkonzepte und Grundlegende Gestaltung
3. Grundlegende Komponenten Erstellen
5. Reaktionsfähigkeit und Anpassung
Herausforderung: Anwenden von Typografie-Utilities
Aufgabe
Verwenden Sie die Tailwind CSS-Dienstprogramme für Typografie, um eine Textkomponente mit den folgenden Spezifikationen zu erstellen:
Eine Überschrift (
h1
) mit:Schriftgröße von 4xl;
Fettgedruckter Schriftart;
Normaler Zeilenhöhe.
Eine Unterüberschrift (
h2
) mit:Schriftgröße von 2xl;
Halbfettgedruckter Schriftart;
Enger Zeilenhöhe.
Ein Absatz (
p
) mit:Schriftgröße von base;
Normaler Schriftart;
Entspannter Zeilenhöhe.
index.html
Schriftgröße: Verwenden Sie
text-4xl
,text-2xl
,text-base
für Schriftgrößen;Schriftgewicht: Verwenden Sie
font-bold
,font-semibold
,font-normal
für Schriftgewichte;Zeilenhöhe: Verwenden Sie
leading-normal
,leading-tight
,leading-relaxed
für Zeilenhöhen.
index.html
War alles klar?
Danke für Ihr Feedback!
Abschnitt 2. Kapitel 8