Workshop CSS: Teil 1 - Basiswissen
Was sind Style Sheets?
CSS oder Cascading Style Sheets ist eine Sprache zum Formatieren von HTML/XHTML-Elementen.
Verglichen mit den HTML-Formatierungen bietet CSS erheblich mehr Möglichkeiten,
wie z.B. Schriftgestaltung, Rahmen, Innen- und Aussenabstände, Listen, Hintergründe,
Positionieren, ...
Da der Umfang der CSS regelmäßig erweitert wird, darf man auf zukünftige
Gestaltungsmöglichkeiten gespannt sein.
Ein wichtiger Punkt ist die Möglichkeit, Formate zentral festzulegen, d.h. entweder
im <head>-Bereich eines Dokuments (siehe Stylesheets zentral im Dokument deklarieren)
oder ausgelagert in einer separaten Datei (siehe Stylesheets in eine externen Datei auslagern).
Dies hat den Vorteil, dass Du Formate nur einmal festlegen musst und diese für das gesamte Dokument,
bzw. das gesamte Projekt gültig sind. Damit erreichst Du ein über alle Seiten einheitliches
Erscheinungsbild, was für einen gelungenen Webauftritt besonders wichtig ist.
Natürlich lassen sich einzelne Tags auch direkt formatieren
(siehe HTML-Tags formatieren).
CSS ist bis zu dem Zeitpunkt, an dem diese Seite entstanden ist, in der Version 2 verabschiedet. D.h. es gibt CSS 1 und CSS 2 und es werden in Zukunft auch CSS 3 und sicherlich weitere Versionen veröffentlicht. Dies ist in sofern wichtig, weil CSS 1 und CSS 2 in den Browser unterschiedlich umgesetzt ist:
- Netscape 4.x
- CSS 1 und CSS 2 Teilweise
- Netscape 6.x
- CSS 1 und CSS 2 fast vollständig
- Netscape 7.x
- CSS 1 und CSS 2 fast vollständig
- Opera 5.x
- CSS 1 und CSS 2 fast vollständig
- Opera 6.x
- CSS 1 und CSS 2 fast vollständig
- Internet Explorer 4.x
- CSS 1 und CSS 2 Teilweise
- Internet Explorer 5.x
- CSS 1 und CSS 2 fast vollständig
- Internet Explorer 6.x
- CSS 1 und CSS 2 fast vollständig
In der CSS-Referenz findest Du eine Übersicht sämtlicher CSS 1 und CSS 2 Stylesheet-Angaben inkl. Beispielen. Zu jeder Angabe gibt es u.a. auch Hinweise welcher der obengenannten Browser die Angabe interpretiert.