Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Leer Uitdaging: Verbeter het Ontwerp van een Blogartikel | Sectie
CSS-Fundamentals

bookUitdaging: Verbeter het Ontwerp van een Blogartikel

Veeg om het menu te tonen

De webpagina toont een artikel, maar de typografie kan worden verbeterd. Pas de volgende wijzigingen toe:

  1. Stel de lettertypefamilie van de gehele pagina in op 'DM Sans', sans-serif.
  2. Verhoog de regelhoogte van alle paragrafen naar 1.6.
  3. Maak de titel vetgedrukt.
  4. Voeg lichte letterspatiëring toe (2px) aan de titel.
  5. Voeg een subtiele tekstschaduw toe aan de titel met:
    • horizontale offset: 1px
    • verticale offset: 1px
    • vervagingsradius: 3px
    • kleur: grijs

Wijzig de HTML niet.

index.html

index.html

index.css

index.css

copy
  • Gebruik in de body-selector de eigenschap font-family en stel deze in op 'DM Sans', sans-serif.
  • Vul in de .content-selector aan met line-height.
  • In de .title-selector:
    • Gebruik font-weight om de tekst vet te maken.
    • Gebruik letter-spacing om 2px ruimte tussen de letters toe te voegen.
    • Gebruik text-shadow en onthoud dat deze vier waarden vereist in deze volgorde: horizontale offset, verticale offset, vervagingsradius en kleur.
index.html

index.html

index.css

index.css

copy
Was alles duidelijk?

Hoe kunnen we het verbeteren?

Bedankt voor je feedback!

Sectie 1. Hoofdstuk 10

Vraag AI

expand

Vraag AI

ChatGPT

Vraag wat u wilt of probeer een van de voorgestelde vragen om onze chat te starten.

Sectie 1. Hoofdstuk 10
some-alt