Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Utfordring: Forbedre Utformingen av en Bloggartikkel | Stilsetting av tekst for lesbarhet
Practice
Projects
Quizzes & Challenges
Quizer
Challenges
/
CSS-Grunnleggende

bookUtfordring: Forbedre Utformingen av en Bloggartikkel

Sveip for å vise menyen

Nettsiden viser en artikkel, men typografien trenger forbedring. Utfør følgende endringer:

  1. Sett fontfamilien for hele siden til 'DM Sans', sans-serif.
  2. Øk linjeavstanden for alle avsnitt til 1.6.
  3. Gjør tittelen fet.
  4. Legg til litt bokstavavstand (2px) på tittelen.
  5. Legg til en subtil tekstskygge på tittelen med:
    • horisontal forskyvning: 1px
    • vertikal forskyvning: 1px
    • uskarphetsradius: 3px
    • farge: grå

Ikke endre HTML-en.

index.html

index.html

index.css

index.css

copy
  • I body-velgeren, bruk egenskapen font-family og sett den til 'DM Sans', sans-serif.
  • I .content-velgeren, fullfør med line-height.
  • I .title-velgeren:
    • Bruk font-weight for å gjøre teksten fet.
    • Bruk letter-spacing for å legge til 2px avstand mellom bokstavene.
    • Bruk text-shadow og husk at den krever fire verdier i denne rekkefølgen: horisontal forskyvning, vertikal forskyvning, uskarphetsradius og farge.
index.html

index.html

index.css

index.css

copy
Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 2. Kapittel 4

Spør AI

expand

Spør AI

ChatGPT

Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår

Seksjon 2. Kapittel 4
some-alt