Cascading Style Sheets
Dezember 15, 2009 | In: Technik
Cascading Style Sheets (CSS) sind eine Erweiterung von HTML und können ungemein bei der Gestaltung eines Dokuments helfen. CSS sollte als sinnvolle Ergänzung zu HTML oder XHTML gesehen werden, mit den man sehr viel Zeit beim Gestalten von Internetseiten sparen kann. Denn wer CSS nutzt, kann sich beim HTML schreiben völlig auf Inhalt und Struktur konzentrieren und das Layout außen vor lassen.
Das Layout und die Formateigenschaften einzelner HTML-Elemente werden entweder im -Bereich der HTML-Datei oder unabhängig von dem HTML-Dokument in einer separaten Datei (Stylesheet) festgelegt.
Der große Vorteil beim Schreiben eines externen Stylesheets liegt darin, dass ein Stylesheet in viele HTML-Dateien parallel eingebunden werden kann, wobei dies nicht nur Zeit erspart, sondern die HTML-Dokumente auch übersichtlicher und kleiner werden lässt. Mit wenigen Änderungen in einer oder wenigen Stylesheet-Dateien kann so das Aussehen vieler HTML-Dateien verändert werden.
Zu den CSS-Eigenschaften zählen natürlich Schriftformatierung und Hintergrundfarben und -bilder, doch besonders die Ausrichtung einzelner HTML-Elemente sowie ein genereller Außenrand können sehr einfach festgelegt werden.
Im folgenden werde ich Ihnen einige Tipps geben, die Barrieren aus dem Weg räumen sollten und die Sie sich während des CSS-Schreibens immer wieder in Erinnerung rufen sollten.
Bevor Sie eine Web-Seite mit Stylesheet hochladen, sollten Sie das Layout mit verschiedenen Browsern und vielleicht auch mit einem Netbook und einem internetfähigen Handy testen. Damit dann nicht der große Schock kommt, weil es im Internet Explorer ganz anders wirkt als Firefox es Ihnen immer dargestellt hatte, empfiehlt es sich, schon während des Schreibens immer wieder zu prüfen, wie die Seite von verschiedenen Browsern dargestellt wird. Sie sollten sogar davon ausgehen, dass jemand nur Ihr HTML ohne Stylesheet sieht (keine Unterstützung durch Browser oder CSS ausgeschaltet). Auch dann noch sollte es ordentlich aussehen! CSS bietet mittlerweile sogar die Möglichkeit, unterschiedliche CSS-Formate für unterschiedliche Ausgabemedien zu definieren. Diese Möglichkeit sollten Sie nutzen!
Da Stylesheets so einfach zu schreiben sind, verführen sie schnell dazu, schöne, aber unleserliche Schriftarten zu verwenden. Bedenken Sie Farbkombinationen von Schrift und Hintergrund, Schriftgröße, Schriftart, Effekte et cetera. Denn wer den Text ihrer Internetseite nicht richtig lesen kann wird sie wohl nicht wieder besuchen und keine Weiterempfehlung aussprechen.
