HTML5 in der mobilen Webentwickung - Apps mit HTML5 und CSS3: Fur iPad, iPhone und Android - page 26

Abbildung 2.3 Durch die Klasse erscheint die zweite Überschrift in Blau.
Beachten Sie, dass die zweite Überschrift trotzdem weiterhin dieselbe Größe wie die
erste aufweist. Das ist eine wichtige Eigenschaft von CSS. Klassen und Stile bauen auf-
einander auf, ergänzen oder überschreiben sich. Dabei verarbeitet der Browser die
CSS-Datei von oben nach unten und wendet in dieser Reihenfolge die Eigenschaften
und Werte an. Definieren Sie also im oberen Teil die Schriftfarbe in Rot und im weite-
ren Verlauf die Schriftfarbe in Blau, so wird der Browser die Schrift in Blau anzeigen.
Dieses Prinzip der kaskadierenden Stile kann sehr mächtig sein, da Sie so eine Gestal-
tung vieler Elemente an einer Stelle editieren können, ohne jede Definition einzeln
anzupassen. Als Beispiel wäre hier die Definition der Schriftart zu nennen, die Sie ein-
mal im body definieren können und die sich dann auf alle Elemente vererbt, die
innerhalb des body -Tags stehen:
body {
font-family: "Helvetica";
}
Mit der Veränderung dieser Definition passen Sie mit einem Schlag die Schriftart im
gesamten Projekt an. Die gesparte Zeit können Sie in einen gemütlichen Kaffee oder
in einen frühen Feierabend investieren. Klingt gut, oder?
Id ansprechen
Neben Klassen und ganzen Tags können Sie auch eine id mit CSS ansprechen. Ein Ele-
ment können Sie mit einer id versehen, um ihm so eine eindeutige Bezeichnung
zuzuordnen. Dies ist besonders bei der Entwicklung mit JavaScript relevant. Der
Unterschied zu einer Klasse ist der, dass eine id einzigartig ist und nur ein einziges