Uma nje uqala ukwakha amawebhusayithi nge-HTML, uzoqala ukusebenza nge-sizing. Ukuze wenze isayithi lakho libukeke ngendlela ofuna ukuyibheka ngayo, cishe kufana nomklamo wena noma omunye umklami oye wadala, uzodinga ukushintsha usayizi wombhalo kusayithi, kanye nezinye izakhi ekhasini. Ukuze wenze lokhu ungase uqale ukubuka ithegi ye-HTML "usayizi", kodwa uzothola ngokushesha ukuthi ayitholakali.
Ithegi yesayizi ye-HTML ayikho ku-HTML. Kunalokho, ukuze usethe ubukhulu befonti yakho, izithombe noma isakhiwo kufanele usebenzise amaSpredishithi wesitayela se-Cascading. Empeleni, noma yikuphi ushintsho olubukwayo okudingeka ulusebenzise kumbhalo wesayithi noma enye into kufanele iphathwe yi-CSS! I-HTML ingokwesakhiwo kuphela.
Ithegi esiseduzane kumathegi wesayizi we-HTML yithegi endala yefonti, eyayihlanganisa ngempela imfanelo yesayizi. Qwayiswa ukuthi le tag ithoxisiwe izinguqulo zamanje ze-HTML futhi ingase ingasekelwa yiziphequluli esikhathini esizayo! Awufuni ukusebenzisa ithegi yefonti ku-HTML yakho! Kunalokho, kufanele ufunde i-CSS ukuze usayizi izakhi zakho ze-HTML nesitayela ekhasini lakho lewebhu ngokufanele.
Amasayizi wefonti
Amafonti ngokusobala into elula kakhulu usayizi nge-CSS. I-Moreso kunokuqeda leyo mbhalo, ne-CSS ungacacisa ngokwengeziwe ngewebhusayithi yakho ye-typography . Ungakwazi ukuchaza usayizi wefonti, umbala, ukwesaba, isisindo, ukuhola, nokuningi. Ngetekisi yefonti, ungachaza kuphela usayizi, bese nje kuphela njengenombolo ehlobene nesayizi yesitayela esizenzakalelayo sesiphequluli ehluke kuwo wonke amakhasimende.
Ukusetha isigaba sakho sibe nosayizi wefonti we-12pt, sebenzisa isakhiwo sesitayela sesayizi yesitayela:
h3 {font-size = 24px; }}Lesi sitayela singabeka usayizi wefonti wezingxenye ezingu-3 ze-pixels angu-24. Ungangeza lokhu kwishidi lesitayela yangaphandle futhi wonke amaH3 wakho wesayithi angasebenzisa lesi sitayela.
Uma ufuna ukwengeza izitayela ezengeziwe ze-typographic kumbhalo wakho, ungabangeza kulo mbuso we-CSS:
h3 {usayizi wefonti: 24px; umbala: # 000; ifonti-isisindo: evamile; }}Lokhu akukona nje kuphela ukubeka usayizi wefonti we-H3s, futhi uzobeka umbala kumnyama (yilokho ikhodi ye-hex ye- # 000 kusho) futhi ingabeka isisindo "esijwayelekile". Ngokuzenzakalelayo, iziphequluli zenza izihloko ezingu-1-6 njengombhalo onesibindi, ngakho-ke lesi sitayela singaphezu kokuthi okuzenzakalelayo futhi ngokuyisisekelo "okungeyona isibindi" umbhalo.
Ubukhulu besithombe
Izithombe zingaba nzima ukuchaza ubukhulu ngoba ungasebenzisa isiphequluli ukuze ushintshe isithombe. Yiqiniso, ukuguqula izithombe ngesiphequluli kuwumqondo omubi ngoba kubangela amakhasi ukuthi athathe kancane kancane futhi iziphequluli zivame ukwenza umsebenzi omncane wokuguqula, okwenza izithombe zibukeke zimbi. Esikhundleni salokho, kufanele usebenzise isofthiwe yehluzo ukushintsha kabusha izithombe bese ubhala amasayizi abo wangempela kwi-HTML yekhasi lakho lewebhu.
Ngokungafani namafonti, izithombe zingasebenzisa i-HTML noma i-CSS ukuchaza usayizi. Uchaza ububanzi besithombe nokuphakama. Uma usebenzisa i-HTML, ungachaza kuphela usayizi wesithombe kuma-pixel. Uma usebenzisa i-CSS, ungasebenzisa ezinye izilinganiso ezifaka amasentimitha, amasentimitha, namaphesenti. Leli xabiso lokugcina, amaphesenti, liwusizo kakhulu lapho izithombe zakho zidinga uketshezi, njengewebhusayithi ephendulayo.
Ukuze uchaze usayizi wesithombe sakho usebenzisa i-HTML, sebenzisa izimfanelo zokuphakama nobubanzi be-img tag. Isibonelo, lesi sithombe sizoba ngamaphikiseli angu-400x400 square:
ukuphakama = "400" ububanzi = "400" alt = "image" />Ukuze uchaze usayizi wesithombe sakho usebenzisa iCSS, sebenzisa izakhiwo zesitayela sokuphakama nobubanzi. Nasi isithombe esifanayo, usebenzisa iCSS ukuchaza usayizi:
isitayela = "ukuphakama: 400px; ububanzi: 400px;" alt = "image" />Ubukhulu bokuhlela
Ubukhulu obuvame kakhulu obuchazwe kwisakhiwo ububanzi, futhi into yokuqala oyodinga ukunquma ukuthi ngabe usebenzisa isakhiwo esinqunyiwe sobubanzi noma iwebhusayithi ephendulayo. Ngamanye amazwi, uzochaza ububanzi njengenani eliqondile lamaphikseli, amasentimitha, noma amaphuzu? Noma uzobeka ububanzi bendawo yakho ukuze uguquguquke usebenzisa i-ems noma amaphesenti? Ukuze uchaze ubukhulu besakhiwo sakho, usebenzisa ububanzi nokuphakama kwezinto ze-CSS njengokuthanda kwakho esithombeni.
Ububanzi obuhleliwe:
isitayela = "ububanzi: 600px;">Ububanzi be-Liquid:
isitayela = "ububanzi: 80%;">Uma ukhetha ngobuningi besakhiwo sakho, kufanele uhlale ukhumbule ububanzi beziphequluli ezihlukahlukene abafundi bakho abangase basebenzise kanye namadivaysi ahlukene azobawasebenzisa. Yingakho amawebhusayithi aphendulelayo , angashintsha ukuhlelwa kwawo kanye nokusekelwa okusekelwe kumadivayisi ahlukene namasayizi weskrini, yiyona ndlela engcono kakhulu yokuqhuba umkhuba namuhla.