====== Vererbung ======
Alle Tags in einer HTML Seite stehen zueinander in einer hierarchischen Beziehung, dabei unterscheidet man zwischen Eltern- und Kind-Elementen und Geschwister-Elementen. Beschrieben werden diese beziehungen im sogenannten Document Object Model(DOM).
[[http://de.wikipedia.org/wiki/Document_Object_Model|Document Object Model]]
Vererbung heißt, dass Stileigenschaften von einem Element an ein beliebiges in ihm enthaltenes Element weitergegeben werden. Bei vorausschauender Planung kann die Vererbung Stilangaben sehr effizient machen
Oder einfacher: Die Eigenschaften eines Elements werden von dem übergeordneten bestimmt, sofern sie nicht überschrieben werden.
===== Vererbung an untergeordnete Elemente =====
===== Relative Einheiten bei der Vererbung =====
Eine Besonderheit bei der Vererbung gibt es bei der Vererbung von relativen Größen. Dann bezieht sich nämlich die Größe des untergeordneten Elements relativ auf das Übergeordnete. Weißt man einem übergeordnetem Element also die Schriftgröße fonz-size: 0.8em zu, so bezieht sich eine Schriftgrößenangabe eines untergeordneten Elements auf diese 0.8em.
**Beispiel:** Man weißt einem -Element font-size: 0.8em zu, einem untergeordnetem -Element ebenfalls 0.8em. Dann ist die Schriftgröße des -Elements erneut um den Faktor 0.8 verringert.
Beispiel Vererbung relativer Einheiten
Das ist ein Text im p-Element mit 0.8em
Das ist ein Text im untergeordneten span-Element, dem ebenfalls 0.8em Schriftgröße zugewiesen sind.
------------------------
body { font-family: "Arial", "Helvetica", sans-serif; background: #FFEFD5; }
h1 { color: #CD5C5C; font-size: 24pt; }
++++ weiteres Beispiel |
Ein Header
alles kursiv
nur span
++++
===== Links =====
* [[http://www.css4you.de/wscss/css08.html|CSS4You: Informationen über die Vererbung]]