Herausforderung: Verbesserung des Designs eines Blogartikels
Swipe um das Menü anzuzeigen
Die Webseite zeigt einen Artikel an, aber die Typografie muss verbessert werden. Wenden Sie die folgenden Änderungen an:
- Setzen Sie die Schriftfamilie der gesamten Seite auf
'DM Sans', sans-serif. - Erhöhen Sie den Zeilenabstand aller Absätze auf 1.6.
- Machen Sie den Titel fett.
- Fügen Sie dem Titel einen leichten Buchstabenabstand (
2px) hinzu. - Fügen Sie dem Titel einen dezenten Textschatten hinzu mit:
- horizontalem Versatz: 1px
- vertikalem Versatz: 1px
- Unschärferadius: 3px
- Farbe: grau
Ändern Sie das HTML nicht.
index.html
index.css
- Im
body-Selektor die Eigenschaftfont-familyverwenden und auf'DM Sans', sans-serifsetzen. - Im
.content-Selektor mitline-heightergänzen. - Im
.title-Selektor:- Mit
font-weightden Text fett darstellen. - Mit
letter-spacingeinen Abstand von2pxzwischen den Buchstaben hinzufügen. - Mit
text-shadowarbeiten und beachten, dass vier Werte in dieser Reihenfolge erforderlich sind: horizontaler Versatz, vertikaler Versatz, Unschärferadius und Farbe.
- Mit
index.html
index.css
War alles klar?
Danke für Ihr Feedback!
Abschnitt 1. Kapitel 10
Fragen Sie AI
Fragen Sie AI
Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen
Abschnitt 1. Kapitel 10