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.

• Wenn du diese Seiten mit dem Internet Explorer von Microsoft ansiehst, dann ist mit der Anzeige des Quelltextes schon der Editor gestartet worden. Du kannst darin einfach "Datei - neu" wählen, um ein neues, leeres Dokument zu erhalten. Andernfalls musst du den Editor eben neu starten. Du findest ihn über "Start - Programme - Zubehör.
• Wenn der Editor ein leeres Dokument anzeigt, speichere dieses unter dem Namen stylesheet.css im selben Verzeichnis wie diese Seiten.
• Lass den Editor ruhig noch offen und schlage hier im Browser die nächste Seite auf.