Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Udfordring: Udforsk Skrifttypeegenskaber | Tekstformatering i CSS
CSS-Grundlæggende

bookUdfordring: Udforsk Skrifttypeegenskaber

Opgave

Anvend forskellige skrifttypeegenskaber på specifikke elementer:

For h1:

  • Skrifttypefamilie: Arial.
  • Skriftstørrelse: 36px.
  • Skrifttypevægt: 600.
  • Skrifttypestil: italic.

For p:

  • Skrifttypefamilie: Georgia.
  • Skriftstørrelse: 18px.
  • Skrifttypevægt: 400.
  • Skrifttypestil: normal.
index.html

index.html

index.css

index.css

copy
  • font-family: Angiver skrifttypen.
  • font-size: Definerer skriftstørrelsen.
  • font-weight: Angiver skriftvægten.
  • font-style: Angiver skrifttypestilen.
index.html

index.html

index.css

index.css

copy

Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 2. Kapitel 6

Spørg AI

expand

Spørg AI

ChatGPT

Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat

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

bookUdfordring: Udforsk Skrifttypeegenskaber

Stryg for at vise menuen

Opgave

Anvend forskellige skrifttypeegenskaber på specifikke elementer:

For h1:

  • Skrifttypefamilie: Arial.
  • Skriftstørrelse: 36px.
  • Skrifttypevægt: 600.
  • Skrifttypestil: italic.

For p:

  • Skrifttypefamilie: Georgia.
  • Skriftstørrelse: 18px.
  • Skrifttypevægt: 400.
  • Skrifttypestil: normal.
index.html

index.html

index.css

index.css

copy
  • font-family: Angiver skrifttypen.
  • font-size: Definerer skriftstørrelsen.
  • font-weight: Angiver skriftvægten.
  • font-style: Angiver skrifttypestilen.
index.html

index.html

index.css

index.css

copy

Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 2. Kapitel 6
some-alt