Lernen Herausforderung: Text mit CSS Formatieren | Textgestaltung in CSS

CSS-Grundlagen

Aufgabe

Zur Verbesserung der visuellen Darstellung des h1-Elements die folgenden Stile anwenden:

Unterstreichung hinzufügen.
Alle Buchstaben in Großbuchstaben umwandeln.
Text horizontal zentrieren.
Zeilenhöhe auf 2 setzen.
Zeichenabstand auf 2px anpassen.
Wortabstand auf 5px erhöhen.
Textschatten mit den Werten 2px 2px #000000 anwenden.

index.html

index.css

text-decoration: Unterstreicht den Text.
text-transform: Wandelt den Text in Großbuchstaben um.
text-align: Zentriert den Text horizontal.
line-height: Legt die Höhe des Textes fest.
letter-spacing: Erhöht den Abstand zwischen Buchstaben.
word-spacing: Erhöht den Abstand zwischen Wörtern.
text-shadow: Fügt einen Schatten hinzu.

index.html

index.css

War alles klar?

Danke für Ihr Feedback!

Abschnitt 2. Kapitel 3

Fragen Sie AI

Fragen Sie AI

Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen

Awesome!

Completion rate improved to 2.56

Swipe um das Menü anzuzeigen

Aufgabe

Zur Verbesserung der visuellen Darstellung des h1-Elements die folgenden Stile anwenden:

Unterstreichung hinzufügen.
Alle Buchstaben in Großbuchstaben umwandeln.
Text horizontal zentrieren.
Zeilenhöhe auf 2 setzen.
Zeichenabstand auf 2px anpassen.
Wortabstand auf 5px erhöhen.
Textschatten mit den Werten 2px 2px #000000 anwenden.

index.html

index.css

text-decoration: Unterstreicht den Text.
text-transform: Wandelt den Text in Großbuchstaben um.
text-align: Zentriert den Text horizontal.
line-height: Legt die Höhe des Textes fest.
letter-spacing: Erhöht den Abstand zwischen Buchstaben.
word-spacing: Erhöht den Abstand zwischen Wörtern.
text-shadow: Fügt einen Schatten hinzu.

index.html

index.css

War alles klar?

Danke für Ihr Feedback!

Abschnitt 2. Kapitel 3

some-alt