Ifa leCSS liSebenza njani kumaWebhu eWebhu
Inxalenye ebalulekileyo yokwenza i-website kunye neCSS iyayiqonda ingcamango yelifa.
Ifa leCSS lichazwe ngokuzenzekelayo ngesitayela sepropati esisetyenzisiweyo. Xa ukhangela isitayela semvelaphi yepropati, uza kubona icandelo elibizwa ngokuthi "Ifa". Ukuba unjengabalingisi bewebhu abaninzi, awukhatywanga elo candelo, kodwa lisebenza ngenjongo.
Iyiphi i-CSS ifa?
Icandelo ngalinye kwixwebhu le-HTML liyinxalenye yomthi kwaye yonke into ngaphandle kweqalo lokuqala linomlinganiselo womzali osifaka. Naluphi na izitayela ezisetyenziselwa kuloo nto yomzali zingasetyenziswa kwizinto ezifakwe kuyo ukuba iipropati ziza kufumana ifa.
Ngokomzekelo, le khowudi yezantsi i-HI ithe i-H1 ithembo ivala umyalezo we-EM:
Lena Big Uluhlu lwentloko Isalathisi se-EM ngumntwana we-H1 element, kwaye nayiphina iifayile kwi-H1 ezuze ilifa iya kudluliselwa kumbhalo we-EM ngokunjalo. Umzekelo:
h1 {ubukhulu befonti: 2m; } Ekubeni ipropati yobukhulu befonti ilifa, isicatshulwa esithi "Okukhulu" (into edibeneyo ngaphakathi kwe-EM tags) iya kuba bukhulu obufana neyo yonke i-H1. Oku kungenxa yokuba ilifa ixabiso elibekwe kwipropati yeCSS.
Indlela yokusebenzisa ifa leCSS
Indlela elula yokuyisebenzisa kukuba uqhelane nezinto ezikhoyo zeCSS kwaye azizuze zizuze. Ukuba ipropati izuzwe ilifa, ngoko uyazi ukuba ixabiso liya kuhlala lifana nento yonke into ebuntwaneni kwirekhodi.
Indlela efanelekileyo yokusebenzisa oku kukuseta izitayela zakho ezisisiseko kwinqanaba eliphezulu kakhulu, njengeBODY. Ukuba ubeka i- font-family yakho kwipropati yomzimba, ngoko, ngenxa yelifa, yonke idokhumenti iya kugcina loo ntsapho-ifayile. Oku kuya kukwenzela iifayile ezincinci ezilula ukulawula ngenxa yokuba zingaphantsi izitayela eziqhelekileyo. Umzekelo:
Umzimba {ifowuni-yintsapho: Arial, sans-serif; } Sebenzisa Ixabiso leSifa leNdlela
Ipropati nganye yeCSS ibandakanya ixabiso "ilifa" njengendlela enokwenzeka. Oku kuchaza isiphequluli seWebhu, ukuba nangona ipropathi ayinakuyifumana ifa, kufuneka ibe nexabiso elifanayo njengomzali. Ukuba ubeka isitala enjengegama elingenalo ilifa, ungasebenzisa ixabiso lefa kwizakhiwo ezilandelayo ukuze ubanike umgama ofanayo nomzali. Umzekelo:
umzimba {umgama: 1em; } {margin: ilifa; } Ifa lisebenzisa Iimilinganiselo eziQhathanisiweyo
Oku kubalulekile kwixabiso elizuze njengefa njengezandi zobuninzi obusebenzisa ubude. Ixabiso elibhaliweyo lixabiso elihambelana nelinye ixabiso kwiphepha lewebhu.
Ukuba ubeka ubungakanani befonti kwi-item yakho yeBODY, iphepha lakho lonke aliyi kuba likhulu kuphela. Oku kungenxa yokuba izinto ezifana nezihloko (H1-H6) kunye nezinye izinto (ezinye iiphequluli ziqulunqa izakhiwo zeetafile ngokwahlukileyo) zibe nobukhulu besihlobo kwisiphequluli seWebhu. Xa kungabikho kolunye uhlobo lwefonti, iWebhsayithi izakuhlala isenza isihloko se-H1 sisona sikhulu kwiphepha, landelwa ngu-H2 njalo njalo. Xa ubeka isakhiwo sakho seBODY kwisayizi ethile yefonti, oko kusetyenziswa njengowokulinganisa "ubukhulu" bobukhulu befonti, kwaye izinto eziphambili zibalwa kulo.
Inqaku malunga nefa kunye neZakhiwo zeMvelaphi
Kukho inani leendlela ezidweliswe azizuze njengefa kwiCSS 2 kwi-W3C, kodwa iiphequluli zewebhu zihlala zizuza ixabiso. Umzekelo, ukuba ubhale i HTML kunye neCSS elandelayo:
h1 {umbala osemvelaphi: uphuzi; } Lo mxholo ophezulu Big Igama elithi "Big" liya kuba nelinye imvelaphu eluhlaza, nangona impahla yombala we-background ayifanele izuzwe njengefa. Oku kungenxa yokuba ixabiso lokuqala lepropati "libala". Ngoko awuboni umbala wesiqalo kwi kodwa kunokuba umbala ukhanyayo ukusuka umzali.