Indlela ifa le-CSS elisebenza ngayo kuma-Web Documents
Ingxenye ebalulekile yokutlola iwebhusayithi nge CSS iwuqonda umqondo wefa.
Ifa le- CSS lichazwe ngokuzenzakalelayo ngesitayela sempahla esetshenzisiwe. Uma ubheka isitayela semvelaphi yendawo yesitayela, uzobona isigaba esithi "Ifa". Uma ufana nabaqambi bewebhu abaningi, ungayinaki leyo ngxenye, kodwa isebenza ngenhloso.
Iyini i-CSS Ifa?
Isici ngasinye kumqulu we- HTML siyingxenye yomuthi futhi zonke izinto ngaphandle kwe-element yokuqala inezakhi zomzali ozifaka. Noma yiziphi izitayela ezisetshenzisiwe kuleso sici somzali zingasetshenziswa ezakhiweni ezifakwe kuso uma lezo zakhiwo zingase zizuze njengefa.
Isibonelo, leli khodi le-HTML elingezansi linethegi le-H1 elifaka umaka we-EM:
Lena isihloko esithi Big Isici se-EM ingane yengxenye ye-H1, futhi noma yiziphi izitayela ku-H1 ezizuzwa njengefa zizodluliselwa emibhalweni ye-EM. Ngokwesibonelo:
h1 {usayizi wefonti: 2em; }} Njengoba impahla yesayizi yefonti izuzwe njengefa, umbhalo othi "Okukhulu" (okuyilokho okufakiwe phakathi kwamathegi we-EM) kuzoba ngosayizi ofana nawo wonke ama-H1. Lokhu kungenxa yokuthi izuze inani elibekiwe ku-CSS.
Indlela yokusebenzisa i-CSS Ifa
Indlela elula yokuyisebenzisa ukujwayela izakhiwo ze-CSS ezikhona futhi ezingazuze njengefa. Uma ngabe impahla izuzwe njengefa, uyazi ukuthi inani lizohlala lilingana nayo yonke into ebantwaneni emadokhumenti.
Indlela engcono kakhulu yokusebenzisa lokhu ukusetha izitayela zakho eziyisisekelo kusiqephu sezinga eliphezulu kakhulu, njengeBODY. Uma usetha umndeni wakho wefonti emzimbeni, ngakho-ke, ngenxa yefa, yonke idokhumenti izogcina leyo foni-yomndeni. Lokhu kuzokwenzela amafomethi amancane amathekisthi amancane okulula ukuwaphatha ngoba kunamaphrofayli ambalwa jikelele. Ngokwesibonelo:
umzimba {font-umndeni: Arial, sans-serif; }} Sebenzisa i-Value Heritage Style
Yonke impahla ye-CSS ihlanganisa inani "ifa" njengendlela engenzeka. Lokhu kutshela isiphequluli seWebhu, ukuthi ngisho noma ngabe impahla ingavunyelwe ifa, kufanele ibe nenani elifanayo njengomzali. Uma usetha isitayela enjengesixazululo esingenalo ifa, ungasebenzisa ifa lefa ezintweni ezilandelayo ukuze ubanike umkhawulo ofanayo nomzali. Ngokwesibonelo:
umzimba {umkhawulo: 1m; } {i-margin: ifa; }} Ifa lisebenzisa ama-Computed Values
Lokhu kubalulekile ukuze uthole izindinganiso ezizuze njengefa njengamasiza wefonti asebenzisa ubude. I-value computed iyinani elihlobene nenye enye inani ekhasini lewebhu.
Uma usetha usayizi wefonti we-1em esakhiweni sakho se-BODY, ikhasi lakho lonke ngeke libe ngosayizi kuphela. Lokhu kungenxa yokuthi izakhi ezifana nezihloko (H1-H6) nezinye izakhi (ezinye iziphequluli zihlanganisa izakhiwo zethebula ngokuhlukile) zibe nobukhulu besihlobo esipheqululini seWebhu. Uma kungabikho ulwazi olusayizi wefonti, isiphequluli sewebhu sizokwenza njalo isihloko se-H1 sibe umbhalo omkhulu kunazo zonke ekhasini, kulandelwa yi-H2 njalonjalo. Uma usetha isici sakho se-BODY usayizi othile wefonti, khona-ke lokho kusetshenziswa njenge "isilinganiso" usayizi wefonti, futhi izakhi eziyinhloko zibalwa kusukela kulokho.
Inothi Mayelana Nefa Nempahla Yemvelaphi
Kunezindlela eziningi zezitayela ezibalwe azizuze njengefa ku-CSS 2 ku-W3C, kodwa iziphequluli zeWebhu zisazuza izindinganiso. Isibonelo, uma ubhala i-HTML ne-CSS elandelayo:
h1 {umbala wangemuva: ophuzi; } Lena isihloko se- Big Igama elithi "Big" lisazoba nesizinda esiphuzi, noma ngabe impahla yombala wangemuva ayifanele izuzwe njengefa. Lokhu kungenxa yokuthi inani lokuqala lempahla yasemuva "libala". Ngakho awuboni umbala wangemuva ku- kepha kunalokho ukuthi umbala ukhanyisa ukusuka ku- umzali.