Es wird Zeit, dass wir lernen, wie wir HTML-Elemente farbig gestalten können, wie wir Rahmen setzen und Hintergrundfarben verändern können!

Alle HTML-Elemente sind Objekte, deren Attributwerte (Textfarbe, Hintergrundfarbe, Rahmenstärke, Außenabstand, …) wir ändern können. Früher geschah dies direkt im HTML-Quelltext, z.B. so:

<h1 style="color: blue; margin-top: 10px">Neue Überschrift</h1>

Das wurde mit der Zeit sehr unübersichtlich, vor allem war es aber sehr umständlich, wenn man z.B. alle 15 Überschriften einer Webseite auf die selbe Art gestalten wollte. Daher wurde eine Möglichkeit geschaffen, Stile (engl.: styles) unabhängig von den HTML-Seiten in extra Dateien ("css-Dateien") zu verwalten und von den HTML-Elementen aus nur darauf zu verweisen.