Herausforderung: Text mit CSS Formatieren
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
Suggested prompts:
Can you show me how to write the CSS for the h1 element with these styles?
What does the final h1 element look like with all these styles applied?
Can you explain how each CSS property affects the h1 element?
Awesome!
Completion rate improved to 2.56
Herausforderung: Text mit CSS Formatieren
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