Ngokukhawuleza xa uqala ukwakha i-webpages nge-HTML, uya kuqala ukusebenza kunye ne-sizing. Ukwenza isayithi lakho libukeke ngendlela ofuna ukuba libukeke ngayo, mhlawumbi ilinganiswa noyilo wena okanye omnye umyili oye wadala, uya kufuna ukutshintsha ubukhulu besicatshulwa kule sayithi, kunye nezinye izinto ezikwiphepha. Ukwenza oku unokuqala ukukhangela itekisi "yobukhulu" be HTML, kodwa uya kufumana ngokukhawuleza.
Ithegi yesayizi ye-HTML ayikho kwi-HTML. Endaweni yoko, ukuze ubeke ubukhulu befonti yakho, imifanekiso okanye ulungelelwano kufuneka usebenzise amaSpredishithi wesitayela. Enyanisweni, nayiphi na inguqu ebonakalayo ofuna ukuyifumana kwisicatshulwa sesayithi okanye enye into kufuneka ilandelwe yi-CSS! I-HTML yenzelwe kuphela isakhiwo.
Ithegi elisondeleyo kumatshini wesayizi we-HTML itekethi endala yefonti, eyayiquka ngokwenene ubungakanani besayizi. Qiniswe ukuba le tag ithe yachithwa kwiinguqulelo zangoku ze-HTML kwaye ayikwazi ukuxhaswa ngabaphequlula kwixesha elizayo! Awufuni ukusebenzisa itekisi yefonti kwi-HTML yakho! Kunoko, kufuneka ufunde i-CSS kwisayizi zakho ze-HTML kunye nesitayela sakho sephepha lewebhu ngokufanelekileyo.
Ubukhulu befonti
Iifolthi ngokuqinisekileyo kuyinto elula kakhulu ukulingana neCSS. I-Moreso kunokugqithisa nje itekisi, kunye ne-CSS unokuba ngakumbi malunga newebhusayithi yakho ye-typography . Unokuchaza ubungakanani befonti, umbala, ukukhupha, ubunzima, inkokheli, kunye nokunye. Ngomfanekiso wefonti, ungachaza kuphela ubukhulu, kwaye kuphela nje ngenani elihambelana nobukhulu bomsebenzisi bomsebenzisi wesiphequluli ohlukileyo kubo bonke abathengi.
Ukusetha umhlathi wakho ukuba ube nobukhulu befonti ye-12pt, sebenzisa ifayile yesitayela esayizi-style.
h3 {font-size = 24px; }Olu hlobo luza kuseka ubungakanani befonti yamacandelo angama-24. Ungayongeza le fayile yendlela yangaphandle kwaye zonke iiH3s zewebhusayithi ziya kusebenzisa le ndlela.
Ukuba ufuna ukwengeza izitayela ezongezelelweyo ze typographic kwitheksthi yakho, ungabongeza kulo mgaqo weCSS:
h3 {ubukhulu befonti: 24px; umbala: # 000; ubunzima befonti: eqhelekileyo; }Oku akuyikubeka kuphela ubungakanani befonti kwi-H3s, kuya kubeka umbala kumnyama (oko kukuthi ikhowudi ye-hex ye-# 000 ithetha) kwaye iya kubeka isisindo "esiqhelekileyo". Ngokungagqibekanga, iiphequluli zenza izihloko ze-1-6 njengombhalo onesibindi, ngoko le ndlela izakugqithisa ukuba okungazenziyo kwaye "ngokungeyi-bold" itekisi.
Ubungakanani beZithombe
Imifanekiso ingaba yinto ekhohlisayo ukuchaza ubukhulu becala kuba ungayisebenzisa ngokuqinisekileyo umkhangeli-mfanekiso ukuze uhlaziye umfanekiso. Ngokuqinisekileyo, ukutshintsha imifanekiso ngesiphequluli kuyisiphumo esibi kuba ibangela ukuba iphepha lilayishe ngokuthe ngcembe kwaye iiphequluli zisoloko zenza umsebenzi ombi wokuguqula, okwenza imifanekiso ibonakale imbi. Endaweni yoko, kufuneka usebenzise iifriji zefayile eziza kutshintsha imifanekiso uze ubhale ubungakanani babo boqobo kwiwebhsayithi yakho ye-HTML.
Ngokungafani namafonti, imifanekiso inokusebenzisa i-HTML okanye i-CSS ukuchaza ubungakanani. Uchaza ububanzi bomfanekiso kunye nokuphakama. Xa usebenzisa i-HTML, unokuchaza kuphela ubungakanani bomfanekiso kwiipikseli. Ukuba usebenzisa i-CSS, ungasebenzisa ezinye iimilinganiselo kubandakanya amasentimitha, amasentimitha, kunye nepesenteji. Inani elidlulileyo, iipesenti, luncedo gqitha xa imifanekiso yakho imele ibe yinkomfa, njengewebhusayithi ephendulayo.
Ukuchaza ubungakanani bomfanekiso wakho usebenzisa i-HTML, sebenzisa iimpawu zokuphakama kunye nobubanzi beet img. Ngokomzekelo, lo mfanekiso uza kuba yi-squarex 400x400 ipakseli yesikwele:
ubude = "400" ububanzi = "400" alt = "umfanekiso" />Ukuchaza ubungakanani bomfanekiso wakho usebenzisa i-CSS, sebenzisa iipropati zezakhiwo zokuphakama nobubanzi. Nasi umfanekiso ofanayo, usebenzisa iCSS ukuchaza ubukhulu:
isita = = "ukuphakama: 400px; ububanzi: 400px;" alt = "umfanekiso" />Ubukhulu beZakhiwo
Ubuninzi obuqhelekileyo obuchazwe kwisakhiwo ububanzi, kwaye into yokuqala oya kuyidinga ukugqiba ukuba ungayisebenzisa ubungakanani obubanzi obukhoyo okanye iwebhusayithi ephendulayo. Ngamanye amagama, ngaba uya kuchaza ububanzi njengenani elichanekileyo leepikseli, intshi, okanye amaphuzu? Okanye ngaba uya kubeka ububanzi bakho bobubanzi ukuze uguquguquke usebenzisa i-ems okanye ipesenti? Ukuze uchaze ubukhulu bomhlaba wakho, usebenzise ububanzi nokuphakama kwezinto zeCSS njengokuba uza ku mfa nekiso.
Ubungakanani obubanzi:
isita = = "ububanzi: 600px;">Ububanzi beLiquid:
isita = = "ububanzi: 80%;">Xa usenza isigqibo malunga nobubanzi bendawo yakho, kufuneka uhlale ukhumbule ububanzi beebhrawuza ezahlukeneyo ukuba abafundi bakho bangasebenzisa kunye nezixhobo ezahlukeneyo eza kusebenzisa. Yingakho iiwebhusayithi eziphendulayo , ezinokutshintsha ukuma kwazo kunye nokukhangela okusekelwe kwiidivaysi ezahlukeneyo kunye nobukhulu besikrini, ngumgangatho oqhelekileyo wokusebenza namhlanje.