CSS: Verwendung

 

<!doctype html>
<html lang="de">
<head>
<title> Verwenden von CSS in einer XHTML - Datei </title>
<style type="text/css">
h1 { color:blue }
</style>
</head>
<body>
<h1> Wir bekommen eine blaue Überschrift </h1>
<h3>Die Farbe dieser Überschrift wird vom Browser festgelegt</h3>
<h2 style="color:green"> Diese Überschrift ist gr&uuml;n. </h2>
<h1 style="color:red"> Eine rote Überschrift. </h1>
<h1> Diese Überschrift ist wieder blau. </h1>
</body>
</html>

Beispiel ansehen: Überschriften
In dem style-Element wird zentral für die Datei die Farbe blue für h1 festgelegt. h2 bis h6 behalten die vom Browser vorgegebenen Farbwerte. im body-Bereich wird für h2 das style-Attribut color auf green geändert. Ebenfalls wird speziell für h1 in einem Fall die Farbe auf red geändert. Im zweiten Fall greift wieder die zentrale Vorgabe.