Hallo! Hallo!
Diese Seite soll ein wenig Aufschluß über die neue Technologie der Cascading Style Sheets (CSS) geben.
Sie erhebt keinerlei Anspruch auf Vollständigkeit. Auch ich bin totaller Anfänger, wenn's um CSS geht. Deshalb hier nur ein paar Tips und Anmerkungen.
Das spannende an CSS ist:
Beispiele:
Betrachten Sie doch mal die benutzte CSS-Datei! Sie heißt übrigens "Orange.css" wegen der Farbe der Links. Wenn auf dieser Seite etwas Orange ist, dann ist es ein Link. Nicht wundern, wenn der Link nicht unterstrichen ist. Auch das ist mit CSS leicht zu verwirklichen. Zum Betrachten der CSS-Datei hier klicken!
Exakte Positionierung von Text oder Objekten:
Wollten Sie nicht auch schon mal versuchen einen Text ein bißchen breiter zu schreiben? (Dieses Demo erscheint nicht in Netscape(NS) aber im Internet Explorer(IE))
Was halten Sie davon einen Text exakt zu positionieren?
Dieser Text sollte eingerückt erscheinen und zwar exakt um 50 Pixel
Nun das meiner Ansicht nach vielversprechendste Element von CSS: Nehmen wir an Sie haben eine ganze Site kreiert und sich daran gehalten in jedem Dokument auf ihr StyleSheet-Dokument zu verweisen. Jetzt ändern Sie nur dieses Dokument, und schon sieht alles ganz anders aus. Alle Dokumente, die auf Ihr StyleSheet zurückgreifen, erhalten jetzt ein neues Aussehen.
Ein Beispiel gefällig?
Klicken Sie auf den folgenden Link! Sie sehen daraufhin diesen Text in ganz anderem Format. Ich habe in der dann erscheinenden HTML-Datei nur eine Zeile geändert. Die HTML-Datei "css.html" lädt nämlich anstatt "Rot.css" die Datei "Orange.css". Hier Klicken! Benutzen Sie dann bitte den "Back"-Button Ihres Browsers!
Weiterführende Literatur gibt's in deutsch unter folgender Adresse:
In englischer Sprache findet man weiterführende Literatur unter folgenden Adressen: