CSS: Gruppierung

 

Standardmäßig werden alle Überschriften schwarz abgezeit. Möchte man, dass alle in grün angezeigt werden, so kann man einer Gruppe, in diesem Falle allen Überschiften, in einem Befehl die Farbe grün zuordnen: h1, h2, h3, h4, h5, h6 {color:green} Man kann aber auch einem Element mehrere Eigenschaften zuweisen:

 h1 { color: blue; font-size:16pt; font-family:Arial; }

 

<!doctype html>
<html lang="de">
<head>
<title>Gruppierung</title>
<style type="text/css">
h1 { font-size:60pt; color:red; font-style:italic; }
span,ul { font-size:13pt;
line-height:15pt;
font-family:Helvetica,Arial;
color:green;
}
</style>
</head>
<body>
<h1>Rote Überschrift in Übergröße</h1>
<p>
<span>
Dieser Absatz wird pixelgenau formatiert. Er ist wirklich
unabhängig von den vorgegebenen 7 Schriftgrößen in XHTML.
</span>
</p>
<ul>
<li>Erster Listenpunkt.</li>
<li>Zweiter Listenpunkt.</li>
</ul>
<p>Dieser Text wird nicht beeinflusst. Hier geht es normal weiter.</p>
</body>
</html>