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:
- Ange teckensnittet för hela sidan till
'DM Sans', sans-serif. - Öka radavståndet för alla stycken till 1.6.
- Gör titeln fetstil.
- Lägg till lätt bokstavsavstånd (
2px) till titeln. - 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.css
- I
body-väljaren, använd egenskapenfont-familyoch sätt den till'DM Sans', sans-serif. - I
.content-väljaren, komplettera medline-height. - I
.title-väljaren:- Använd
font-weightför att göra texten fet. - Använd
letter-spacingför att lägga till2pxavstånd mellan bokstäver. - Använd
text-shadowoch kom ihåg att den kräver fyra värden i denna ordning: horisontell förskjutning, vertikal förskjutning, oskärperadie och färg.
- Använd
index.html
index.css
Var allt tydligt?
Tack för dina kommentarer!
Avsnitt 1. Kapitel 10
Fråga AI
Fråga AI
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