CSS Level 1 und 2

Empfehlungen des W3C zu CSS:

• Cascading Style Sheets Übersicht [http://www.w3.org/Style/CSS/] [en]
• Cascading Style Sheets, level 1 CSS Level 1 [http://www.w3.org/TR/REC-CSS1] [en]
• Cascading Style Sheets, level 2 CSS Level 2 [http://www.w3.org/TR/CSS21/] [en]
• Cascading Style Sheets, Level 2 CSS Level 2 - Deutsche Übersetzung [http://edition-w3c.de/TR/1998/REC-CSS2-19980512/] [de]

Der CSS Level 3 ist zwar schon öfters im Gespräch, einige Browser unterstützen ihn schon in Ansätzen, aber er ist noch in der Entwicklungsphase:

• Cascading Style Sheets «under construction» Level 3 [http://www.w3.org/Style/CSS/current-work] [en]

SELFHTML

SELFHTML über Cascading Style Sheets:

• SELFHTML: CSS Stylesheets Systematische und umfassende Einführung in die Cascading Style Sheets [http://de.selfhtml.org/css/index.htm] [de]
• SELFHTML: Navigationshilfen / Kurzreferenz: CSS "Spickzettel" für syntaktische Probleme [http://de.selfhtml.org/navigation/css.htm] [de]

CSS für Dich

Diese Webseite bietet mehrere Workshops, eine Referenz aller Eigenschaften sowie zahlreiche Tipps und Tricks zu CSS. Eine bewundernswerte Fleissarbeit, die die Autoren geleistet hat:

• CSS 4 You - The Finest in Stylesheets Die Website ist deutschsprachig, auch wenn der Titel anderes vermuten lässt [http://www.css4you.de/] [de]

Layout und Navigation

Webseiten können mit CSS auch ohne Layouttabellen gestaltet werden. Die Tabellen werden durch Layer ersetzt, die entsprechend auf der Seite positioniert werden. Anregungen dazu gibt es z.B. auf der "Intensivstation":

• CSS-INTENSIVSTATION Templates für das Seitenlayout mit CSS [http://www.intensivstation.ch/] [de] [en]

Die Navigation einer Website lässt sich auch mit Listen, die durch CSS formatiert werden, vielfältig gestalten:

• css.maxdesign.com.au Quelltexte für die Navigation mit Listen [http://css.maxdesign.com.au/index.htm] [en]
• List-O-Matic - Generate CSS-styled navigation menus based on list items (using <li> tags) | Developer Tools | Accessify Onlinetool zum Erstellen von Navigationen nach Listamatic [http://accessify.com/tools-and-wizards/developer-tools/list-o-matic/] [en]

Eric Meyer

Eric Meyer ist ein bekannter Experte und Buchautor zum Thema CSS:

• meyerweb.com Eric Meyers Weblog [http://www.meyerweb.com/] [en]
• Eric A. Meyer Selbstdarstellung [http://www.meyerweb.com/eric/] [en]
• css/edge Eric Meyers CSS Ecke [http://www.meyerweb.com/eric/css/edge/] [en]

CSS Filter

Da die aktuellen Browser CSS sehr unterschiedlich interpretieren, ist die Verwendung von CSS-Filtern (auch als CSS-Hacks oder Browserweichen bezeichnet) häufig unvermeidbar.

• Cascading Style Sheets { Tutorials : CSS-Hacks am Box-Modell }  [http://www.thestyleworks.de/tut-art/boxmodelhacks.shtml] [de]
• Webstandards-Projekt - Eine Auswahl von CSS-Hacks  [http://standards.webmasterpro.de/index-article-CSS+Hacks.html] [de]
• centricle : css filters (css hacks) Übersichtstabelle mit zahlreichen CSS Hacks [http://centricle.com/ref/css/filters/] [en]

Doctype-Switching

Moderne Browser schalten ihre Darstellung je nach Dokumententyp um: der "Quirks Mode" simuliert ältere Browser und der "Standardkonforme Modus" bietet eine modernere Variante, die mehr den Empfehlungen des W3C entspricht:

• Doctype-Switching: Wie Browser über die Darstellung von (X)HTML entscheiden Gute Einführung in die Problematik [http://www.heise.de/ix/artikel/2004/03/136/] [de]
• Der »DOCTYPE-Switch« und seine Auswirkungen Ausführliche Erläuterung und Testseiten für die Darstellungsmodi [http://www.carsten-protsch.de/zwischennetz/doctype/] [de]
• Doctype switching and standards compliance in Internet Explorer and Netscape Ausführliche Erläuterung in Englisch mit vielen Links [http://gutfeldt.ch/matthias/articles/doctypeswitch.html] [en]
• QuirksMode - for all your browser quirks Leider unübersichtlich, aber sehr informativ [http://www.quirksmode.org/] [en]

Tipp: Vor der Erstellung einer CSS-Datei sollte man immer der Dokumententyp in der HTML-Datei festgelegen, um Probleme mit dem Doctype-Switching zu vermeiden.

Zen Garden

Ein HTML-Quelltext, aber unendlich viele Layouts. Das Projekt "Zen Garden" zeigt die faszinierenden Möglichkeiten von CSS:

• css Zen Garden: The Beauty in CSS Design Mit "Select a design" und "next design" kann man durch den Zen Garden flanieren [http://www.csszengarden.com/] [en]