Tim Berners Lee CSS
Bild von Paul Clarke - Eigenes Werk, CC-BY-SA 4.0
Achtung: Das HTML für Tim Berners Lee muss zuerst fertig sein – dann erst macht es Sinn, das CSS dafür zu schreiben!
- Zieht den gesamten Ordner „01_tim-berners-lee" auf Bracket
- Startet „Live Preview“
- Öffnet die Datei „c/style.css“
- Schreibt das CSS so, dass die Tim-Berners-Lee-Website so wie die Vorlage aussieht
- Achtet auf die richtige Hintergrundfarbe sowie die unterschiedlichen Schriften für Überschriften und Fließtext (Überschriften: Verdana, Fließtext: Georgia)
- Schreibt die entsprechende CSS-Angabe, dass das Bild automatisch mitwächst, wenn man die Breite des Browserfensters verändert
Tip
Die exakte Hintergrundfarbe bekommt hier heraus, wenn Ihr die Vorlage z.B. in Photoshop öffnet und dort mit der Pipette den Farbwert aufnehmt…