Was sind Cascading Style Sheets?
Übersicht: Was sind Cascading Style Sheets?
HTML-Seiten vor CSS
Erfindung von HTML
-
Plattformunabhängige elektronische Verfügbarkeit von Dokumenten
-
Verknüpfungung von Dokumenten
-
Strukturierung durch Überschriften, Listenelemente, Absätze usw.
-
nur Text
-
Darstellung abhängig vom Ausgabegerät
Steigende Anforderungen an HTML
-
Grafiken
-
Tabellen
-
Schriftarten
-
Frames
-
WYSIWYG-Erstellung
Ergebnis
-
Tabellen und durchsichtige Bilder zur Positionierung von Seitenelementen
-
Einstatz von Bildern statt Text, um gestalterische Effekte zu erzielen
-
Dokumentstruktur geht verloren
-
Browser stellen Seiten unterschiedlich dar
-
Hoher Aufwand bei der Gestaltung
-
Schlechte Wartbarkeit
-
Viele nicht standardisierte Hilfsmittel von Netscape und Microsoft
-
Spachumfang von HTML wächst kontinuierlich
Funktionsweise von CSS
Grundgedanke
-
Keine weiteren Tags
-
Zusatzsprache für die Steuerung der graphischen Ausgabe
-
Trennung von Layout und Inhalt
-
Bessere Struktur der Dokumente
-
Formatvolagen, wie aus Textverarbeitung und DTP bekannt
-
Vielfältige Möglichkeiten zur Textgestaltung
-
Layout nicht mehr dem Browser überlassen
Geschichte
-
Dezember 1996: Cascading Style Sheets Level 1
-
Mai 1998: Cascading Style Sheets Level 2
Beispiel
Die <H1>-Überschrift eines HTML-Dokumentes soll 40 Punkte
hoch, zentriert, serifenlos, fett und in roter Farbe erscheinen:
Die Stilvorlage sieht wie folgt aus:
H1{
font-family: sans-serif;
font-size: 40pt;
font-weight: bold;
text-align: center;
color: red;
}
