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

bookHerausforderung: Schriftarteigenschaften Erkunden

Aufgabe

Verschiedene Schriftarteigenschaften auf bestimmte Elemente anwenden:

Für h1:

  • Schriftfamilie: Arial.
  • Schriftgröße: 36px.
  • Schriftgewicht: 600.
  • Schriftstil: italic.

Für p:

  • Schriftfamilie: Georgia.
  • Schriftgröße: 18px.
  • Schriftgewicht: 400.
  • Schriftstil: normal.
index.html

index.html

index.css

index.css

copy
  • font-family: Gibt die Schriftfamilie an.
  • font-size: Definiert die Schriftgröße.
  • font-weight: Legt die Schriftstärke fest.
  • font-style: Gibt den Schriftstil an.
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 6

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 these font properties?

What would the HTML look like with these styles applied?

Can you explain the difference between font-weight and font-style?

Awesome!

Completion rate improved to 2.56

bookHerausforderung: Schriftarteigenschaften Erkunden

Swipe um das Menü anzuzeigen

Aufgabe

Verschiedene Schriftarteigenschaften auf bestimmte Elemente anwenden:

Für h1:

  • Schriftfamilie: Arial.
  • Schriftgröße: 36px.
  • Schriftgewicht: 600.
  • Schriftstil: italic.

Für p:

  • Schriftfamilie: Georgia.
  • Schriftgröße: 18px.
  • Schriftgewicht: 400.
  • Schriftstil: normal.
index.html

index.html

index.css

index.css

copy
  • font-family: Gibt die Schriftfamilie an.
  • font-size: Definiert die Schriftgröße.
  • font-weight: Legt die Schriftstärke fest.
  • font-style: Gibt den Schriftstil an.
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 6
some-alt