Webdesign - Webseiten planen, gestalten - Free-Hack Library

80
Abb. 4.4.4a: DOM-Tree
Ihrer XHTML-Übungsaufgabe
Abb. 4.4.4b, c: Vererbung in CSS
CSS
Vererbung ist sehr ein wichtiges Konzept in CSS. Eigenschaften, die
einem Element zugewiesen werden, vererben sich auf die Kinder
und die Kindeskinder. Eine Eigenschaft, die sich von den Eltern
auf die Nachkommen vererbt, bezeichnet man als „inhärent“.
Inhärente Stile können jedoch durch Stile der Kinder überschrieben
werden (Abb. 4.4.4b, c).
Nicht alle Eigenschaften sind inhärent. Es erscheint durchaus logisch,
dass einige Eigenschaften nicht automatisch an die Kinder vererbt
werden. Hierbei handelt es sich um die Eigenschaften background,
border, clear, display, float, height, margin, padding, textdecoration,
vertical-align und width.
Die nicht inhärenten Eigenschaften eines Elternelements können
jedoch durch die Angabe „inherit“ ausdrücklich geerbt werden:
div.container {
border: 1px solid #000000;
}