Webdesign - Webseiten planen, gestalten - Free-Hack Library

CSS
Über die Selektoren wird bestimmt, auf welche Elemente im
HTML-Quelltext die CSS-Regeln angewendet werden sollen. Diese
Selektoren können von einfachen Elementnamen bis hin zu
umfassenden Kontextmustern reichen. Wenn alle Bedingungen
eines Musters für ein bestimmtes Element zutreffen, stimmt der
Selektor mit dem Element überein, und die Regeln können auf
das Element angewandt werden.
Universalselektor
Der Universalselektor „*“ bezieht sich auf alle Elemente im HTML-
Quellcode. Das bedeutet, die Regeln werden auf alle Elemente
angewendet. Folgende Regel setzt demnach alle Innen- und
Außenabstände auf 0:
* {
margin: 0;
padding: 0;
}
Da der Universalselektor auf alle Elemente zutrifft, darf er auch
weggelassen werden. Das folgende Beispiel ist mit obigem bedeutungsgleich:
{
}
margin: 0;
padding: 0;
Typselektor
Der Typselektor spricht Elemente anhand des Elementnamens an. Die
Regel wird auf alle Elemente des entsprechenden Typs angewandt,
egal an welcher Stelle des Dokuments sie notiert sind:
Elementname {
Deklaration;
}
TECHNISCHE
GRUNDLAGEN
CSS HTML Ergebnis
* {
color: #ff0000;
}
Dieser Text ist rot.
Tab. 4.4.2a, b: Beispiele für einen Universal-
und einen Typselektor
CSS HTML Ergebnis
p {
font-family:fantasy;
}
Dieser Text sieht komisch aus.
4
67