CSS

Mit CSS oder Cascading Style Sheets wird eine Auszeichnungssprache bezeichnet, die eingesetzt wird, um das Aussehen und die Formatierung von MarkUp-Dokumenten wie HTML-Dateien festzulegen.

Mit CSS kann das Aussehen von Blockelementen, Bildern, Schriften, Tabellen, Formularen usw. beeinflusst werden. Inwieweit die Elemente durch Attribute gestylt werden können, wird vom World Wide Web Consortium als Standard festgelegt.

CSS Syntax besteht aus einfachen englischen Begriffen. Mit Selektoren können HTML-Elemente angesprochen und mit Attributen belegt werden. Um HTML-Elemente spezifisch zu stylen, werden diese mit Klassen oder IDs versehen und können entsprechend ihrer Kaskadierung (Schachtelung) speziell mit Attributen versehen werden.

Der Einsatz von CSS ermöglicht die Trennung von Inhalt (HTML-Dokumente) und Form (CSS-Dateien) und das schnelle, konsistente Anpassen des Layouts. In ein HTML-Dokument können ein oder mehrere Cascading Style Sheets eingebunden werden. Oft werden für verschiedene Bereiche der Website z.B. Navigation oder Formulare, und für verschiedene Ausgabemedien z.B. Smartphones, iPhones, iPads oder Drucker einzelne Style Sheets eingebunden, um spezifische Layouts auszugeben.

CSS wird von Browsern unterschiedlich interpretiert. Besonders bei älteren Internet Explorern gibt es einige Ausnahmen im Verhalten (z.B. das Box Model Problem). Für einzelne Browser können über CSS Hacks oder Browserweichen spezielle Style Sheets angegeben werden, um Probleme zu umgehen.

Eine hifreiche Einführung zu CSS gibt zum Beispiel SELFHTML.

CSS background

Mit der CSS-background-Eigenschaft kann Elementen eine Hintergrundfarbe und ein Hintergrundbild zugewiesen werden, dass sich auch wiederholen kann.

CSS float

Über die CSS-Eigenschaft float können HTML-Elemente frei umflossen werden, was insbesondere für das Layout von Bildern innerhalb von Text genutzt werden kann.

CSS font

Das Schriftbild von HTML-Dateien kann mit den font-Attributen (font-family, font-style, font-weight) über CSS-Templates weitgehend beeinflusst werden.

CSS padding

Das CSS-Attribut padding wird von älteren Versionen des Internet Explorers (z.B.:IE 6) anders interpretiert als von modernen Browsern (Box-Model-Problem).

CSS cursor

Ändert man den Wert der CSS-Eigenschaft cursor, kann HTML-Elementen ein bestimmtes Cursor-Verhalten (Zustand beim Hovern) zugewiesen werden.

CSS display

Die Eigenschaft display ist hilfreich für das Verstecken oder Anzeigen von HTML-Elementen und wird oft für Menüs, Tooltips oder Druckversionen eingesetzt.

CSS overflow

Mit dem overflow-Attribut können über ein HTML-Element hinausragende Inhalte versteckt oder das Scrollen im Browser erzwungen werden.