CSS Tab Navigation
Erläuterungen zur Testumgebung
Auf dieser Webseite wurden viele CSS Elemente verwendet, um ein
zweispaltiges flüssiges und elastisches Layout mit Kopf-, Inhalts-
und Sidebar Bereichen zu realisieren. Die Tabs CSS 1, CSS 2.1 und CSS 3
enthalten ausgesuchte Beispiele der jeweiligen Kategorie und bietet
Beispiel-Experimente für diverse Fragestellungen oder Fehler von
Browsern beim Einsatz mit CSS.
CSS 1 Elemente
In diesem Bereich sind ganz einfache CSS Elemente um Texten eine relative Größe zu geben und Farben für Vorder- und Hintergrund zu setzen. Mit dem CSS Element float kann man Texte um eine Grafik fließen lassen oder Grafiken nebeneinader positionieren.
CSS 2.1 Elemente
Hier werden CSS Elemente vorgestellt um leere Tabellenzellen zu verstecken, Texte wie im Editor eingegeben darzustellen, den Mauszeiger verändern oder einfach nur Texte mit einer Umrandung zu versehen.
CSS 3 Elemente
Offiziell sind alle CSS 3 Elemente noch in der Entwicklungsphase und sollten nur mit Vorsicht eingesetzt werden, da sich diese zu jeder Zeit ändern können. Einige der CSS 3 Elemente, wie @font-face, text-shadow, border-radius, box-shadow und opacity werden teilweise schon von Browsern interpretiert.
Alle hier verwendeten Cascading Style Sheets Version 3 (CSS 3) Elemente entsprechen der Syntax, die in den CSS Working Drafts des W3C angegeben sind. Es werden keine browserspezifische Funktionen eingesetzt.