Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Udfordring: Forbedr et Blogartikeldesign | Sektion
CSS-Grundlæggende

bookUdfordring: Forbedr et Blogartikeldesign

Stryg for at vise menuen

Websiden viser en artikel, men typografien skal forbedres. Anvend følgende ændringer:

  1. Indstil hele sidens skrifttype til 'DM Sans', sans-serif.
  2. Øg linjeafstanden for alle afsnit til 1.6.
  3. Gør titlen fed.
  4. Tilføj let bogstavmellemrum (2px) til titlen.
  5. Tilføj en subtil skygge til titlen med:
    • vandret forskydning: 1px
    • lodret forskydning: 1px
    • sløringsradius: 3px
    • farve: grå

Må ikke ændre HTML'en.

index.html

index.html

index.css

index.css

copy
  • Brug body-egenskaben i font-family-vælgeren og indstil den til 'DM Sans', sans-serif.
  • I .content-vælgeren, tilføj line-height.
  • I .title-vælgeren:
    • Brug font-weight for at gøre teksten fed.
    • Brug letter-spacing for at tilføje 2px mellemrum mellem bogstaver.
    • Brug text-shadow og husk, at den kræver fire værdier i denne rækkefølge: vandret forskydning, lodret forskydning, sløringsradius og farve.
index.html

index.html

index.css

index.css

copy
Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 1. Kapitel 10

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

Sektion 1. Kapitel 10
some-alt