Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lära Utmaning: Förbättra Designen av en Bloggartikel | Sektion
CSS-Grunder

bookUtmaning: Förbättra Designen av en Bloggartikel

Svep för att visa menyn

Webbsidan visar en artikel, men typografin behöver förbättras. Utför följande ändringar:

  1. Ange teckensnittet för hela sidan till 'DM Sans', sans-serif.
  2. Öka radavståndet för alla stycken till 1.6.
  3. Gör titeln fetstil.
  4. Lägg till lätt bokstavsavstånd (2px) till titeln.
  5. Lägg till en subtil texts skugga till titeln med:
    • horisontell förskjutning: 1px
    • vertikal förskjutning: 1px
    • oskärperadie: 3px
    • färg: gray

Ändra inte HTML-koden.

index.html

index.html

index.css

index.css

copy
  • I body-väljaren, använd egenskapen font-family och sätt den till 'DM Sans', sans-serif.
  • I .content-väljaren, komplettera med line-height.
  • I .title-väljaren:
    • Använd font-weight för att göra texten fet.
    • Använd letter-spacing för att lägga till 2px avstånd mellan bokstäver.
    • Använd text-shadow och kom ihåg att den kräver fyra värden i denna ordning: horisontell förskjutning, vertikal förskjutning, oskärperadie och färg.
index.html

index.html

index.css

index.css

copy
Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 1. Kapitel 10

Fråga AI

expand

Fråga AI

ChatGPT

Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal

Avsnitt 1. Kapitel 10
some-alt