I-Web design ihlale ibole izihloko nezincazelo ezivela emhlabeni wokudweba okucacile nokuphrinta. Lokhu kuyiqiniso ngokukhethekile uma kuziwa kwi- web typography kanye nendlela esithola ngayo ama-letterform kumakhasi ethu ewebhu. Lokhu kufanelana akuzona njalo izinguqulo ezingu-1 kuya kwezingu-1, kodwa ngokuqinisekile ungabona lapho ukuqeqeshwa okunye okuthonya omunye. Lokhu kubonakala ngokucacile uma ucabangela ubuhlobo phakathi kwegama lendabuko elithi "ukuhola" kanye nomhlaba we- CSS owaziwa ngokuthi "ukuphakama komugqa."
Inhloso Yokuhola
Lapho abantu bevame ukusebenzisa ngesandla izinsimbi noma izinkuni ukuze benze i-typography ephepheni eliphrintiwe, izingcezu ezincane zokuhola zafakwa phakathi kwemigqa egciniwe yombhalo ukuze zenze isikhala phakathi kwalawo migqa. Uma ufuna indawo enkulu, ungafaka izingcezu ezinkulu zokuhola. Yile ndlela igama elithi "ukuhola" lahlanganiswa ngayo. Uma ubuke igama elithi "ukuhola" encwadini mayelana nokuklanywa kwe-typographic kanye nabaqondisi, bekuzofunda okuthile ngomphumela - "ibanga eliphakathi kwezingqinamba zomugqa olandelanayo wohlobo."
Ukuhola ku-Web Design
Ekuklanyeleni kwedijithali, igama eliholayo lisetshenziselwa ukubhekisela ekuhlukaneni phakathi kwemigqa yombhalo. Izinhlelo eziningi zisebenzisa leli gama eliqondile, nakuba ukuhola kwangempela akusetshenzisiwe kulezo zinhlelo. Lesi yisibonelo esihle sezinhlobo ezintsha zokuklanywa kwemiklamo evela kumasiko, nakuba ukusetshenziswe okuqondile kwalowo mgomo kushintshile.
Uma kuziwa kumklamo wewebhu, akukho ndawo ye-CSS ye "yokuhola." Esikhundleni salokho, impahla ye-CSS ezosingatha lokhu kuboniswa kokubukwa kombhalo kubizwa ngokuthi ukuphakama komugqa. Uma ufuna umbhalo wakho ube nesikhala esingeziwe phakathi kwemigqa eqondile yombhalo, ungasebenzisa le ndawo. Isibonelo, uthi ufuna ukukhulisa ukuphakama komugqa kuzo zonke izigaba ngaphakathi kwe -main
Lokhu kuzoba izikhathi ezingu-1.5 ukuphakama komugqa ojwayelekile, ngokususelwa usayizi wefonti ozenzakalelayo wekhasi (okuvame ukuyi-16px).
Nini ukusebenzisa i-Line-Height
Njengoba kucacisiwe ngenhla, ukuphakama komugqa kuyadingeka ukusebenzisa isikhala emigqeni yombhalo ngezigaba noma eminye ibhulogi yombhalo. Uma kukhona isikhala esincane phakathi kwemigqa, umbhalo ungangena futhi ufundela ababukeli kusayithi lakho. Ngokufanayo, uma imigqa ihlukanisiwe kakhulu kuleli khasi, ukugeleza okujwayelekile kokufunda kuzophazanyiswa futhi abafundi bazokhathazeka ngombhalo wakho ngalesi sizathu. Yingakho ufuna ukuthola inani elifanele lokuhlukanisa ukuphakama komugqa ongayisebenzisa. Ungahlola futhi ukuklama kwakho nabasebenzisi bangempela ukuthola impendulo yabo ekufundeni kwekhasi .
Lapho Ungasebenzisi U-Line-Height
Ungangqubuzani ukuphakama komugqa ne-padding noma amakhemikhali ongayisebenzisa ukwengeza ama-whitespace kumklamo wekhasi lakho, kufaka phakathi ukuqondisa phansi noma izigaba. Leso sikhala asihambisani, ngakho-ke asiphathwanga ukuphakama komugqa.
Uma ufuna ukwengeza isikhala ngaphansi kwezici ezithile zombhalo, ungasebenzisa ama-margins noma i-padding. Ukubuyela emuva kusibonelo esedlule se-CSS esasisebenzisile, singangezela lokhu:
p main main {line-height: 1.5; umkhawulo-ngezansi: 24px; }}Lokhu kuzobe kunamaphesenti angu-1.5 ubude phakathi kwemigqa yombhalo wekhasi lethu lekhasi (lawo angaphakathi kwe-element> main> isici). Lezi zigaba ezifanayo zizophinde zibe namaphikseli angama-24 e-whitespace ngaphansi kwazo zonke zazo, okuvumela ukuphumula okubukwayo okuvumela abafundi ukuba babone kalula isigaba esisodwa komunye futhi benze ukufunda i-website kube lula ukwenza. Ungasebenzisa futhi impahla ye-padding endaweni yamagcawu lapha:
p main main {line-height: 1.5; i-padding-ngezansi: 24px; }}Cishe zonke izimo, lokhu kuzobonisa okufana ne-CSS yangaphambilini.
Ngithi ufuna ukufaka isikhala ngaphansi kwezinto ezibekwe ngaphakathi kuhlu olunezigaba "izinsizakalo-imenyu", ungasebenzisa ama-margins noma i-padding ukwenza kanjalo, AKUKHO ukuphakama komugqa. Ngakho lokhu kungaba kufanelekile.
.services-menu li {