Kif taħdem is-CSS Wirt f'Dokumenti tal-Web

Parti importanti tal-grafika ta 'websajt bis-CSS hija l-fehim tal-kunċett ta' wirt.

Il- wirt tas- CSS huwa ddefinit awtomatikament bl-istil tal-proprjetà li qed tintuża. Meta tfittex l-isfond tal-isfond tal-proprjetà ta 'l-istil, tara sezzjoni intitolata "Wirt". Jekk int tixtieq disinjaturi tal-web l-aktar, int injorat dik is-sezzjoni, iżda sservi skop.

X'inhu l-Wirt tas-CSS?

Kull element f'dokument HTML huwa parti minn siġra u kull element ħlief l-element inizjali għandu element ġenitur li jdawwarha. Tkun xi tkun l-istili li jiġu applikati għal dak l-element ġenitur tista 'tiġi applikata għall-elementi magħluqa fiha jekk il-proprjetajiet huma dawk li jistgħu jintirtu.

Per eżempju, dan il-kodiċi HTML hawn taħt ikollu tikketta H1 li tagħlaq lametta EM:

Dan huwa Big Headline

L-element tal-EM huwa tifel tal-element H1, u kwalunkwe stili fuq il-H1 li jintirtu se jiġu mgħoddija lit-test tal-EM ukoll. Pereżempju:

h1 {font-size: 2em; }

Peress li l-proprjetà tad-daqs tat-tipa tintiret, it-test li jgħid "Big" (li huwa dak magħluq ġewwa t-tikketti EM) se jkun l-istess daqs bħall-bqija tal-H1. Dan minħabba li jirtu l-valur stabbilit fil-proprjetà tas-CSS.

Kif tuża l-eredità tas-CSS

L-aktar mod faċli biex tużah huwa li jsir familjari mal- proprjetajiet tas - CSS li huma u mhumiex wiretjati. Jekk il-proprjetà tintiret, imbagħad inti taf li l-valur jibqa 'l-istess għal kull element tat-tfal fid-dokument.

L-aħjar mod biex nuża dan huwa li tistabbilixxi l-istili bażiċi tiegħek fuq element ta 'livell għoli ħafna, bħall-KORP. Jekk issettja l- font-family tiegħek fuq il-proprjetà tal-ġisem, allura, grazzi għall-wirt, id-dokument kollu se jżomm dik l-istess font-family. Dan fil-fatt jagħmel għal stili ta 'l-istil iżgħar li huma aktar faċli biex jimmaniġġjaw minħabba li hemm inqas stili ġenerali. Pereżempju:

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

Uża l-Valur ta 'l-Istil Wirt

Kull proprjetà tas-CSS tinkludi l-valur "jirtu" bħala għażla possibbli. Dan jgħidlek lill-Web browser, li anki jekk il-proprjetà normalment ma tintiret, għandu jkollha l-istess valur bħall-ġenitur. Jekk tissettja stil bħal marġini li ma tintiretx, tista 'tuża l-valur li jirtu fuq proprjetajiet sussegwenti biex tagħtihom l-istess marġini bħall-ġenitur. Pereżempju:

korp {marġini: 1em; } p {marġini: jirtu; }

Użu ta 'wirt Valuri kkalkulati

Dan huwa importanti għall- valuri hered bħal daqsijiet ta 'font li jużaw tulijiet. Valur ikkalkulat huwa valur li huwa relattiv għal xi valur ieħor fuq il-paġna tal-Web.

Jekk issettja daqs ta 'font ta' 1em fuq l-element BODY tiegħek, il-paġna sħiħa tiegħek mhux se tkun kollha biss b'qies 1em. Dan minħabba li elementi bħal intestaturi (H1-H6) u elementi oħra (xi browsers jikkalkulaw il-proprjetajiet tal-mejda b'mod differenti) għandhom daqs relattiv fil-web browser. Fin-nuqqas ta 'informazzjoni oħra dwar id-daqs tat-tipa, il-Web browser dejjem se jagħmel it-titlu H1 l-akbar test fuq il-paġna, segwit minn H2 u l-bqija. Meta tissettja l-element BODY tiegħek għal daqs ta 'tipa speċifika, dak jintuża bħala d-daqs tal-font "medja", u l-elementi ewlenin huma kkalkulati minn dak.

Nota Dwar Propjetajiet ta 'Wirt u Sfond

Hemm numru ta 'stili li huma elenkati ma wirtu f'CSS 2 fuq il-W3C, iżda l-browsers tal-Web għadhom jirtu l-valuri. Per eżempju, jekk kitbet l-HTML u CSS li ġejjin: