Ki jan CSS tèren ap travay nan dokiman entènèt

Yon pati enpòtan nan manier yon sit entènèt ak CSS se konprann konsèp nan pòsyon tè.

CSS pòsyon se otomatikman defini nan style la nan pwopriyete a yo te itilize. Lè ou gade moute pwopriyete a style background-koulè, ou pral wè yon seksyon ki gen tit "Teritwa". Si ou gen tankou pi konsèpteur entènèt, ou te inyore ke seksyon, men li sèvi yon objektif.

Ki sa ki eritye CSS?

Chak eleman nan yon dokiman HTML se yon pati nan yon pyebwa ak tout eleman eksepte eleman eleman an gen yon eleman paran ki fèmen l '. Kèlkeswa estil yo aplike nan eleman paran sa a ka aplike nan eleman ki fèmen nan li si pwopriyete yo se moun ki ka eritye.

Pou egzanp, kòd sa a HTML anba a gen yon tag H1 jwen yon tag EM:

Sa a se yon Big Headline

Eleman EM se yon timoun nan eleman H1 a, ak nenpòt estil sou H1 a ki eritye yo pral pase sou tèks la EM kòm byen. Pa egzanp:

h1 {font-size: 2em; }}

Depi se font-gwosè a pwopriyete eritye, tèks la ki di "Big" (ki se ki sa ki fèmen anndan EM tags yo) yo pral menm gwosè a kòm rès la nan H1 la. Sa a se paske li eritye valè a mete nan pwopriyete a CSS.

KOUMAN POU SÈVI AK CSS Teritwa

Fason ki pi fasil yo sèvi ak li se yo vin abitye avèk pwopriyete yo CSS ki epi yo pa eritye. Si se pwopriyete a eritye, Lè sa a, ou konnen ke valè a ap rete menm bagay la pou chak eleman timoun nan dokiman an.

Pi bon fason yo sèvi ak sa a se yo mete estil debaz ou sou yon eleman trè wo-nivo, tankou KÒD la. Si ou mete font-fanmi ou sou kò a pwopriyete, lè sa a, gras a pòsyon tè, dokiman an tout antye ap kenbe menm font-fanmi an. Sa a pral aktyèlman fè pou pi piti Styles ki pi fasil yo jere paske gen mwens estil an jeneral. Pa egzanp:

kò {font-family: Arial, sans-serif; }}

Sèvi ak Valè style anherit la

Chak pwopriyete CSS gen ladan valè "eritye a" kòm yon opsyon posib. Sa a di navigatè entènèt la, ke menm si pwopriyete a pa ta nòmalman dwe eritye, li ta dwe gen menm valè a kòm paran an. Si ou mete yon style tankou yon maj ki pa eritye, ou ka itilize valè eritye a sou pwopriyete ki vin apre yo ba yo menm maj la kòm paran an. Pa egzanp:

kò {maj: 1em; } p {maj: eritaj; }}

Itilizasyon Itilizasyon konte valè yo

Sa a enpòtan pou eritye valè tankou gwosè font ki itilize longè. Yon valè calculée se yon valè ki se relatif nan kèk lòt valè sou paj wèb la.

Si ou mete yon font-gwosè nan 1em sou eleman BODY ou a, paj tout ou pa pral tout sèl 1em nan gwosè. Sa a se paske eleman tankou tit (H1-H6) ak lòt eleman (kèk navigatè kalkile pwopriyete tab diferan) gen yon gwosè relatif nan navigatè entènèt la. Nan absans la nan lòt enfòmasyon gwosè font, navigatè entènèt la ap toujou fè yon tit H1 tèks ki pi gwo nan paj la, ki te swiv pa H2 ak sou sa. Lè ou mete eleman BODY ou nan yon gwosè font espesifik, Lè sa a, ki itilize kòm "mwayèn" gwosè a font, ak eleman yo gran tit yo kalkile nan sa.

Yon Remak sou eritaj ak pwopriyete Istorik

Gen yon kantite Styles ke yo ki nan lis pa eritye nan CSS 2 sou W3C a, men navigatè yo entènèt toujou eritye valè yo. Pou egzanp, si ou te ekri HTML sa yo ak CSS: