CSS (Cascading Styles-Sheeds) sind eine unmittelbare Ergänzung zu HTML. Mit Hilfe von Style-Sheets können Sie beispielsweise bestimmen, dass alle Überschriften 3. Ordnung in ihren Webseiten eine Schriftgröße von 14 Punkten haben, in der Schriftart Verdana, etc. erscheinen. Angaben dieser Art sind mit herkömmlichem HTML nicht möglich.
Style Sheets können auch separat abgespeichert werden um ein einheitliches Layout für eine komplette Webseite zu erstellen. Dadurch werden dann Änderungen des Layouts in allen damit verbundenen Webseiten aktiv, die mühsame Einzelkorrektur jeder Seite entfällt.
Die folgenden Codes erzeugen eine Hintergrundfarbe, eine Schriftart und eine Schriftgröße.
Hier ein Beispiel in HTML:
<body text="Blue" bgcolor="Yellow">
<font face="Verdana" size="2">
Und die gleichen Angaben in CSS:
<style type="text/css">
body {
color: Blue;
background-color: Yellow;
font-family: Verdana;
font-size: 10pt;
}
</style>
Was zunächst etwas kompliziert aussieht, wird im weiteren
Verlauf des Kurses zu einer einfachen Übung.