{Cascading Style Sheets} Einführung Besonders in letzter Zeit arbeiten viele Webmaster mit Cascading Style Sheets zur Gestaltung eines einheitlichen Designs. Es dient dazu das Aussehen und die Formatierung von Text global zu vereinbaren, dadurch schrumpft der eigentliche Quellcode auf das Wesentliche und die Seiten werden schneller geladen. Klingt gut, nur hat diese Medaille auch eine andere Seite. Wie in vielen Gebieten der Browser arbeiten Netscape und Microsoft mit unterschiedlichen Definitionen, d.h. man muß jeden Code zweimal aufführen um die korrekte Darstellung in beiden großen Browsern zu gewährleisten. Die Implementierung in den Quellcode oder in eine externe Datei ist recht leicht zu bewerkstelligen. <Style
type="text/css"> Der CSS-Code steht dabei
im Head-Bereich eines jeden HTML-Dokumentes oder in einer Datei mit der Endung .css. Diese
externe Datei eignet sich hervorragend dafür das das Layout der gesamten Homepage
darüber definiert wird. Jede Änderung in dieser Datei ändert dann das Aussehen jeder
einzelnen Datei in der folgender Aufrufs-Tag genutzt wird : Zuerst wird das Element genannt und dann in geschweiften Klammern folgen die Eigenschaften (Darstellung/Formatierung) des Elementes. H1 {font-size:25pt;color: yellow} In dem Beispiel wird der Überschrift H1 die Schriftgröße 25 Punkte und die Schriftfarbe gelb zugewiesen. Damit wird jede Überschrift <h1>Überschrift</h1> mit einheitlichem Design versehen. Außerdem kann man die
Style-Anweisung auch in den Elementen direkt verwenden, zum Beispiel in einem
Drop-Down-Menü (zum Beispiel für ein Formular oder Navigation). Und das sieht dann so aus : Einführung l Textpositionierung l Formatierung l Klassen und IDs l Beispiele l CSS-Befehle © by Christian Thiele - WebmasterNETZ - 1999 - http://www.webmasternetz.de |