Giunsa sa CSS nga Panulundon nga Naglihok sa Web Documents

Usa ka importante nga bahin sa estilo sa usa ka website nga adunay CSS mao ang pagsabut sa konsepto sa panulondon.

Ang CSS nga panulondon awtomatik nga gihubit pinaagi sa estilo sa gamit nga kabtangan. Kon imong tan-awon ang estilo sa lote nga kolor sa background, imong makita ang usa ka seksyon nga giulohan og "Panulondon". Kon ikaw nahisama sa kadaghanan sa mga tigdisenyo sa web, wala nimo panumbalinga ang seksyon, apan kini usa ka katuyoan.

Unsa ang Pagpanunod sa CSS?

Ang matag elemento sa usa ka dokumento sa HTML kabahin sa usa ka kahoy ug ang matag elemento gawas sa una nga elemento sa elemento adunay elemento sa ginikanan nga naglangkob niini. Bisan unsa nga mga estilo ang gipadapat ngadto niana nga ginikanan nga elemento mahimong ikapadapat ngadto sa mga elemento nga gilakip niini kung ang mga kabtangan mao ang mahimo nga mapanunod.

Pananglitan, kining HTML code sa ubos adunay tag H1 nga naglangkob sa EM tag:

Kini usa ka Big Headline

Ang elemento sa EM usa ka anak sa H1 nga elemento, ug ang bisan unsang estilo sa H1 nga napanunod ipasa usab sa EM text. Pananglitan:

h1 {font-size: 2em; }

Tungod kay ang nahan-ay nga kabtangan nga kabilin nga napanunod, ang teksto nga nag-ingon nga "Big" (nga mao ang nasulod sa sulod sa mga tag sa EM) parehas nga gidak-on sama sa uban nga H1. Kini tungod kay kini napanunod ang bili nga gibutang sa propiedad sa CSS.

Unsaon Paggamit sa CSS nga Panulondon

Ang labing sayon ​​nga paagi sa paggamit niini mao ang pagkahimong pamilyar sa mga kabtangan sa CSS nga dili ug napanunod. Kung ang kabtangan mapanunod, nan nahibal-an nimo nga ang bili magpabilin nga pareho sa matag elemento sa bata sa dokumento.

Ang pinakamaayong paagi sa paggamit niini mao ang paghimo sa imong mga batakang estilo sa usa ka taas nga lebel nga elemento, sama sa BODY. Kon imong ibutang ang imong font-family sa propyedad sa lawas, nan, salamat sa panulundon, ang tibuok nga dokumento magpabilin nianang sama nga family-font. Kini sa pagkatinuod maghimo alang sa mas gagmay nga mga estilo nga mas sayon ​​nga madumala tungod kay adunay mas diyutay nga mga estilo. Pananglitan:

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

Gamita ang Bili nga Estilo sa Panulondon

Ang matag CSS nga kabtangan naglakip sa bili nga "mapanunod" isip posible nga kapilian. Kini nagsulti sa Web browser, nga bisan kon ang kabtangan dili kasagaran mapanunod, kini kinahanglan nga adunay sama nga bili sama sa ginikanan. Kon maghimo ka og usa ka estilo sama sa usa ka panapton nga dili mapanunod, mahimo nimo gamiton ang bili sa masunod nga mga kabtangan aron sa paghatag kanila sa sama nga kilid sa ginikanan. Pananglitan:

lawas (margin: 1em; } p {margin: panulondon; }

Ang Panulundon Naggamit sa Computed Values

Importante kini alang sa napanunod nga mga prinsipyo sama sa gidak-on sa font nga gigamit ang gitas-on. Ang gikalkula nga bili usa ka bili nga may kalabutan sa uban nga bili sa panid sa Web.

Kung naglatid ka og usa ka font-size nga 1em sa imong elemento sa BODY, ang imong tibuok nga panid dili tanan ang gidak-on. Kini tungod kay ang mga elemento sama sa mga ulohan (H1-H6) ug uban pang mga elemento (ang pipila ka mga browser nag-compute sa mga kabtangan sa lamesa sa lain-laing paagi) adunay gamay nga gidak-on sa Web browser. Sa pagkawala sa ubang impormasyon sa gidak-on sa font, ang Web browser kanunay nga maghimo sa H1 headline nga kinadak-ang teksto sa panid, gisundan sa H2 ug uban pa. Sa diha nga imong gibutang ang imong BODY element sa usa ka piho nga gidak-on sa font, nan kini gigamit ingon nga ang "average" nga gidak-on sa font, ug ang headline nga mga elemento gikuha gikan niana.

Usa ka Mubo nga sulat mahitungod sa Panulundon ug Mga Propyuhan sa Kasuludanan

Adunay daghang mga estilo nga nalista wala mapanunod sa CSS 2 sa W3C, apan ang Web browsers nakapanunod gihapon sa mga bili. Pananglitan, kung gisulat nimo ang mosunod nga HTML ug CSS: