Einige Leute scheuen anscheinend immer noch
CSS, weil sie nicht damit umgehen können. Dabei ist es im Grunde
so einfach. Deshalb möchte ich hier mal Schritt für Schritt
erklären, wie man es einsetzt bzw. definiert. Als Plattform
soll hier ein vordefiniertes HTML-Konstrukt dienen. Dieses wird
Stück für Stück zu einem CSS-basierten Layout umgebaut.
Anders als bei den restlichen Beiträgen, werde ich hier auch
jeweils den Quelltext zeigen und wichtige Stellen hervorheben.
Deshalb besteht das ganze auch aus mehreren Seiten. Du solltest erst auf
auf „Weiter“ klicken, wenn du den jeweiligen Abschnitt
verstanden hast!
Da du dich mit den Grundsätzen von HTML hoffentlich
schon auskennst, gebe ich hier mal ein fertiges Grundgerüst
vor. Bitte speichere es an einer beliebigen Stelle
auf deiner Festplatte. Klicke dazu mit der rechten Maustaste auf den
folgenden Link, wähle „Ziel speichern unter“ aus
und speichere die Datei in einen beliebigen Ordner deiner Festplatte.
Diese dient dann als Basis für alle weiteren
Schritte.
In der Datei ist bereits ein Style-Bereich vorgegeben.
Du findest
ihn im head-Element zwischen
den Style-Tags. Alle CSS-Angaben müssen also dort
definiert werden. Klicke auf „Einführung starten“
um mit der Einführung in CSS zu beginnen!