Home > Schule > HTML > Beispiel 3 mit CSS

Das etwas komplexere Beispiel ...

Ja, das ist wirklich dieselbe Seite mit denselben Dateien - man möchte es kaum glauben.

Der Unterschied besteht in zwei <div>-Elementen, wenn man von dem <span>-Element absieht, das die Erläuterungen zum Menü beim Hoovern gibt. Natürlich ist auch die CSS-Datei eine andere.

Grenzt an Zauberei? Nein, eigentlich nicht schwer ...

Und wenn man möchte, genügen ein paar kleine Änderungen an der CSS-Datei, um das Aussehen der Homepage völlig zu verändern. Einen optischen Eindruck davon erhalten Sie unter dem Beispiel 4 mit CSS. Da ist nur die CSS-Datei eine andere.

Um dieses Ergebnis per Hand, also ohne CSS, zu erreichen, müsste man selbst bei dieser winzigen Beispiel-Homepage, die gerademal aus fünf Dateien besteht, eine ganze Menge Tipp- und Kopierarbeit leisten.