Stylesheet-Demo

Ein Stylesheet

... haben wir bis jetzt noch nicht. Aber unsere Seiten sind bereits darauf vorbereitet, eins zu verwenden.

Lass dir mal den Quelltext dieser Seite anzeigen. Am einfachsten geht das, indem du mit der rechten Maustaste irgendwo in diese Seite klickst und dann im Kontext-Menu die Anzeige des Quelltextes auswählst.

Du wirst dann natürlich mit HTML-Text konfrontiert. Im ersten grösseren Block von HTML-Anweisungen findest du unter anderem die folgende Zeile:

<link rel="stylesheet" type="text/css" href="stylesheet.css">

Sie sagt aus, dass es im gleichen Ordner, in dem sich diese Seite befindet, auch ein Stylesheet haben müsse, das dort unter dem Namen stylesheet.css gespeichert sei. Eine solche Zeile befindet sich auf allen Seiten dieser Demo, aber das Stylesheet selber ist noch gar nicht vorhanden. Das wollen wir jetzt erstellen.