Uyilo lwewebhu luhlala luboleke iinqununu kunye neenkcazo ezivela kwilizwe loyilo oluthile kunye nokuprinta. Oku kuyinyani ngakumbi xa kuziwa kwi- typography yewebhu kunye nendlela esifumana ngayo ii-letterform kumaphepha ethu ewebhu. Ezi fanayo azihlali ziguqulelo ezi-1 ukuya kwi-1, kodwa ngokuqinisekileyo uya kubona ukuba olunye uqeqesho luthonya njani omnye. Oku kubonakala ngakumbi xa ucinga ubudlelwane phakathi kwegama eliqhelekileyo elithi "khokela" kunye neprojekthi yeCSS ebizwa ngokuba "ukuphakama komgca."
Injongo yokuLawula
Xa abantu besetyenziselwa ukuseta ngesandla iileta okanye iinkuni zeenkuni ukwenzela ukudala i-typography kwiphepha eliprintiweyo, iziqwenga ezicwangcisiweyo zafakwa phakathi kwemigca engqongqo yombhalo ukwenzela ukudala isikhala phakathi kwala macala. Ukuba ufuna indawo enkulu, uza kufaka iinqununu ezinkulu zokukhokela. Le yindlela igama elithi "khokelo" lenziwe ngayo. Ukuba ukhangela igama elithi "ukhokelo" kwincwadi malunga nokuyila kwee-typographic kunye neenqununu, bekuza kufunda into ethile kwimpembelelo- "umgama phakathi kweendlela ezilandelelanayo zodidi."
Ehamba phambili kwiWeb Design
Kwidizayini yedijithali, igama elikhokelayo lisasetyenziselwa ukubhekisela kwithuba phakathi kwemigca yombhalo. Iiprogram ezininzi zisebenzisa eli xesha, nangona ukukhokela okwenene kubonakala kungasetyenziswanga kule nkqubo. Lo ngumzekelo omtsha weendlela ezintsha zokuyila iimbono ezivela kwimveli, nangona ukuphunyezwa ngqo kwalo mgaqo kuye kwaguquka.
Xa kuziwa kwi-web design, akukho ndawo yeCSS ye "khokela." Endaweni yoko, ipropati yeCSS eya kubamba lo mboniso wokubhaliweyo weetekisi ibizwa ngokuba ngumphezulu wendawo. Ukuba ufuna isicatshulwa sakho sibe nesithuba esongezelelweyo phakathi kwemizila engqambileyo yombhalo, uya kusebenzisa le propati. Ngokomzekelo, uthi ufuna ukunyusa ukuphakama komgca kuyo yonke imihlathi ngaphakathi kwesiqalo
Oku kuya kuba ngamaxesha a-1.5 ubude bomgca obuqhelekileyo, ngokusekelwe kubukhulu befonti obungagqibekanga bephepha (eliqhelekileyo li-16px).
Ixesha lokusebenzisa u-Line-Height
Njengoko kucacisiwe apha ngentla, ukuphakama komgca kuyafaneleka ukusetyenziswa ukubeka imigca yesicatshulwa kwimimiselo okanye kwezinye iibhloko zokubhaliweyo. Ukuba kukho isikhala esincinane phakathi kwemigca, itekisi inokuthi idibene kwaye kunzima ukuyifunda kubabukeli kwisayithi lakho. Ngokufanayo, ukuba imigca iyahlukana kakhulu kwiphepha, ukuhamba okuqhelekileyo kokufunda kuya kuphazamiseka kwaye abafundi baya kuba neengxaki ngefayile yakho yesizathu. Yingakho ufuna ukufumana isixa esifanelekileyo sokumisa ukuphakama komgca ukusebenzisa. Unokuvavanya uyilo lwakho kunye nabasebenzisi bokwenene ukuba bafumane ingxelo yabo ekufundeni kwekhasi .
Xa Ungayisebenzisi Uluhlu-Uluhlu
Musa ukudibanisa ukuphakama komgca kunye ne-padding okanye umgama oza kuwusebenzisa ukuze ungeze i-whitespace kwiplani yekhasi lakho, kubandakanywa phantsi kwesihloko okanye imihlathi. Le ndawo ayikhokeleki, kwaye ngoko ayikuphathwa ngokuphakama komgca.
Ukuba ufuna ukwengeza indawo phantsi kwezinto ezithile zetekisi, uya kusebenzisa iilanzi okanye ukudibanisa. Ukubuyela kumzekelo wangaphambili weCSS esasisebenzisileyo, sinokubongeza oku:
ip main {line-height: 1.5; umgca wezantsi: 24px; }Oku kuya kuba ne-1.5 line height phakathi kwemigca yesicatshulwa somhlathi wekhasi lethu (ngaphakathi ngaphakathi kwinto yokuqala). Ezi ziqendu ezi ziza kuba nama-pixels angama-24 e-whitespace phantsi kweyodwa kubo, ukuvumela ukuba ikhefu elibonakalayo elivumela abafundi ukuba baqaphele ngokucacileyo umhlathi omnye kwelinye baze benze ukufunda i-website kube lula ukwenza. Ungasebenzisa kwakhona impahla yokubambisa kwindawo yeelwandle apha:
ip main {line-height: 1.5; i-padding-bottom: 24px; }Phantse kuzo zonke iimeko, oku kuya kubonisa efanayo neCSS yangaphambili.
Yithi ufuna ukufaka isikhala phantsi kwezinto ezibekwe ngaphakathi kwoluhlu kunye neklasi "yamasevisi-menu", uya kusebenzisa iimitha okanye i-padding ukwenza njalo, AKHUMBI ukuphakama komgca. Ngoko oku kuyafaneleka.
.services-menu li {