Cumu CSS in successione opere in Web Documents

Una parte impurtante di stile un situ web cù CSS hè di cumprintà u cuncettu d'eredi.

L' eredi in CSS hè automaticamente definitu da u stilu di a pruprietà chì hè stata utilizata. Quandu si vultò nantu à u duminiu immubiliariu di u profettu, vi vede una sezzioni intitulata "Inferità". Se sì cum'è a maiò parte di i disinfittori di u web, avete ignoratu esa seccione, ma serve un propiu.

Chì hè Cirtinu CSS?

Ogni elementu in un documentu HTML hè parti di un arbre è ogni elementu solu l'elementu iniziuali hà un elementu parentu chì ci aghjunghje. Qualcunu stili s'applicate à quellu elementu parentu pò esse appiicatu à l'elementi eranu in ellu si i proprietà sò quelli chì pò esse ereditati.

Per esempiu, stu codice HTML sottu una tag H1 da un maghjinu EM:

Questa hè un Big Headline

L'elementu EM hè un zitellu di l'elementu H1, è qualsiasi stili nantu à l'H1 chì sò ereditati sò passati à u testu di l'EM. Per esempiu:

h1 {font-size: 2em; }

Perchè a pruprietà di a font-size hè eredita, u testu chì dice "Big" (chì hè ciò chì hè intornudu nentru à l'EM tags) serà u listessu tamantu cù u restu di l'H1. Questu hè perchè ellu hè u valore stabilitu in a pruprietà CSS.

Cume l'usu CSS Inheritance

A manera più faciule per aduprà hè di familiarizà cù e proprietà CSS chì sò è ùn sò micca erediti. Se u patrimoniu hè eredita, pudete sapè chì u valore sarà listessu per ogni elementu umanu in u documentu.

A megliu modu di utilizà questu hè di stabilisce i vostri stili basi nantu à un elementu assai altu, cum'è u CORSU. Si stabilisce a vostra font-family nantu à a prupietà di u corpu, da, grazia à l'eredi, u documentu sanu mantene a stessa font-family. Questu hè fattura per esse stallate più chjucu chì sò più faciuli di gestite perchè ci sò menu stili minimali. Per esempiu:

corpu {font-family: Arial, sans-serif; }

Utilizà u Valore Stile Hierite

Ogni propietariu CSS includenu u valore "inherit" com una opcione possibiente. Questa ci dici à u web browser, chì ancu se a pruprietà ùn sianu micca eradicati, averebbe avè u stessu parolla. Se stabilisce un stile cum'è un marghjenu chì ùn hè micca eredite, puderete utilizà u valore eredite in i prughjetti sussegwenti per dà un marghjulu stessu cum'è u genitori. Per esempiu:

corpu {margin: 1em; } p {margini: inherit; }

U patrimoniu Utilizà i Valori Càlculati

Questu hè impurtante per i valori hereditarii cum'è e fontenese alcune chì usanu longu. Un valore calculato hè un valore chì hè relative à qualchì altru valuri nantu à a pagina Web.

Se sette una font-size of 1em nantu à u vostru element CORSU, a vostra pàgina sana ùn serà micca solu un'altura in quantità. Questa hè chì l'elementi cum'è e rùbbriche (H1-H6) è l'altri elementi (certi navigatori càlculate e proprietà di a table diferentamente) anu un tamene relattivu in u web browser. In a mancanza di una altra informazioni di grandària di fontana, u web browser sempre fate un titulu H1 u testu più grande di a pagina, seguita da H2 è cetara. Quandu si stabilisce u vostru elementu CORPO a un tamiziu di tipu specifica, chì hè utilizzatu cum'è a dimensione di "fonte" mediu, è l'elementi di u principale sò calculati da quellu.

A Note About Inferiti è Patrimoniu Storicu

Ci hè una quantità d'stili chì sò micca eletti in CSS 2 nantu à u W3C, ma i navigatori Web ancu eredite i valori. Per esempiu, sè vo avete scrittu l'HTML è CSS: