Big Headline Den EM-Element ass e Kand vum H1-Element, an all Stiler op der H1, déi ierfeg erlieft sinn, ginn och an den EM-Text iwwerginn. Zum Beispill:
h1 {font-size: 2em; }} Säit der Gréisst vun der Schrëftgréisst gëtt geerbt, de Text, deen "Grouss" (wat et ass an der EM tags) ass déi selwecht Gréisst wéi den Rescht vum H1. Dëst ass well et den Wäert vun der CSS-Eigenschaft inherest ass.
Wéi benotzen ech CSS Inheritance
De einfachste Wee fir se ze benotzen ass d' CSS-Properties z'erwächen, déi sinn an net erfollegräich. Wann d'Besëtzer geerbt gëtt, da wësst Dir datt de Wäert dee selwechte steet fir all Kand Element am Dokument.
Déi bescht Method fir dat ze benotzen ass d'Grondstil op e ganz héigen Niveau wéi de BODY. Wann Dir Är Schrëftfamill op d'Kierperimmkeet festleet, da gëtt dat komplett Dokument op déi selwecht Schrëftfamill erhalen. Dëst wäert tatsächlech fir manner Stylesheets maachen, déi liicht erliichteren ze léieren, well et manner Stiler sinn. Zum Beispill:
Kierper {font-family: Arial, sans-serif; }} Benotzt den Inherit Style Value
All CSS Eigenschaft enthält den Wäert "Ierf" als eng méiglech Optioun. Dëst erzielt den Webbrowser, datt och wann d'Propriété normalerweis net erfollegräich ass, et sollt de selwechte Wäert hunn wéi de Elterendeel. Wann Dir e Stil wéi e Rand, deen net eri geännert gëtt, benotzt Dir d'Ierfschaftssteier op spéider Properties ze benotzen fir se déi selwecht Margin wéi den Elteren ze ginn. Zum Beispill:
Kierper {margin: 1em; } p {margin: inherit; }} Inheritance benennt Computéierten Wäerter
Dëst ass wichteg fir verieregte Wäerter wéi Schrëftgréissten déi d'Längt benotzen. Een berechtegte Wäert ass e Wäert, deen relativ zu engem anere Wäert op der Websäit steet.
Wann Dir eng Schrëftgréisst vun 1em op Äre BODY Element setzen, ass Är ganz Säit net alleguerten nëmmen 1em Gréisst. Dëst ass, well Elementer wéi Headlines (H1-H6) an aner Elementer (verschidde Browser benotzen d'Tabelleneigenschaften anescht) eng relativ Gréisst an de Webbrowser. Beim Fehlen vun aner Schrëftgréisst Informatioune ginn de Webbrowser ëmmer eng H1 Headliner den gréissten Text op der Säit, gefollegt vun H2 an esou weider. Wann Dir Äre BODY Element op eng spezifesch Schrëftgréisst setzt, da gëtt dat als "duerchschnëttlech" Schrëftgréisst benotzt, an d'Headlineelementer ginn aus där berechtegt.
A Notéieren iwwer Inheritance an Background Properties
Et gëtt eng Rei Stiler, déi opgelëscht sinn, huet net CSS 2 op der W3C geerbt, mee d'Webbrowser erënneren d'Wäerter ëmmer. Zum Beispill, wann Dir de folgende HTML- an CSS geschriwwen hutt: