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 | Dekorativa och moderna effekter
CSS-Grunder

Utmaning: 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 skugga på titeln med:
    • horisontell förskjutning: 1px
    • vertikal förskjutning: 1px
    • oskärperadie: 3px
    • färg: grå

Ändra inte HTML-koden.

index.html

index.html

index.css

index.css

  • 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 fetstil.
    • 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

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