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 | Dekorative og Moderne Effekter
CSS-Grundlæggende

Udfordring: Forbedr Et Blogartikeldesign

Stryg for at vise menuen

Websiden viser en artikel, men typografien skal forbedres. Foretag 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 tekstskygge til titlen med:
    • vandret forskydning: 1px
    • lodret forskydning: 1px
    • sløringsradius: 3px
    • farve: grå

Undlad at ændre HTML'en.

index.html

index.html

index.css

index.css

  • Brug body-egenskaben i font-family-vælgeren og sæt 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

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