CSS-Stylesheets enthalten Regeln, die festlegen, wie die Elemente in Dokumenten dargestellt werden sollen. Eine CSS-Regel besteht aus zwei Teilen:
Dem Selektor, der auf unterschiedliche Arten von Elementen angewandt werden kann:
HTML-Elemente, wie z. B. <p>, <h1> usw.
Elemente mit einer bestimmten Klasse, wie z. B. ein Element mit der Klasse „inhalt" (<p class="inhalt">)
Elemente mit einer bestimmten ID, wie z. B. ein Element mit der ID „warnung1" (<p id="warnung1">)
der Deklaration, die sich aus Eigenschaften und den dazugehörigen Werten zusammensetzt:
selektor {eigenschaft: wert}
body {color: black}
In diesem Beispiel ist „body" der Selektor und der Ausdruck in den geschweiften Klammern, „{color:black}" bildet die Deklaration.
Wenn der Wert aus mehreren Wörtern besteht, müssen diese in Anführungszeichen eingeschlossen werden:
p {font-family: "sans serif"}
Mehrere Eigenschaften werden mit Strichpunkten aneinander gereiht:
p {text-align:left;color:red}
Um die Definitionen klarer zu gestalten, können Sie jede Eigenschaft in einer eigenen Zeile beschreiben:
p
{
text-align: left;
font-family: tahoma;
color: red
}