Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lernen Herausforderung: Text mit CSS Formatieren | Textgestaltung in CSS
CSS-Grundlagen

bookHerausforderung: 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.html

index.css

index.css

copy
  • 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.html

index.css

index.css

copy

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 2. Kapitel 3

Fragen Sie AI

expand

Fragen Sie AI

ChatGPT

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

bookHerausforderung: 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.html

index.css

index.css

copy
  • 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.html

index.css

index.css

copy

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 2. Kapitel 3
some-alt