Ho Ithuta ka ho Tsamaea ka ho Etsa Websaeteng

Moqapi oa marang-rang o 'nile oa alima lihlooho le litlhaloso ho tsoa lefats'eng la moqapi le oa khatiso. Sena ke 'nete haholo ha ho tluoa tabeng ea web typography le tsela eo re fumanang litlhaku ka eona maqepheng a rona a maqephe. Hase kamehla liphetolelo tsena li fetoleloang ho 1 ho ea ho tse 1, empa ka sebele u ka bona moo taeo e 'ngoe e susumelitseng e' ngoe. Sena se totobala ka ho khetheha ha u nahana ka kamano pakeng tsa lentsoe la "typography" le tloaelehileng le thepa ea CSS e tsejoang e le "bophahamo ba moeli."

Sepheo sa Tataiso

Ha batho ba ne ba tloaetse ho sebelisa mechine ea tšepe kapa ea lehong e le hore ba khone ho ngola pampiri e ngotsoeng, ho ne ho behoa likotoana tse nyenyane tsa mongobo pakeng tsa mela e mengata e le hore ho be le sebaka se pakeng tsa mela. Haeba u batla sebaka se seholo, u ka kenya likarolo tse kholo tsa tataiso. Ke kamoo lentsoe "ho etella pele" le ileng la kenngoa kateng. Haeba u ne u sheba lentsoe "ho etella pele" bukeng e buang ka moqapi oa typographic le lihlooho tsa molao, e ne e tla bala ntho e itseng ho phello ea - "sebaka se pakeng tsa melaho ea mefuta e latellanang ea mofuta."

Ho etella pele Web Design

Ka moqapi oa digital, lentsoe ho etella pele le ntse le sebelisoa ho bolela ho arohana pakeng tsa melaetsa ea mongolo. Mananeo a mangata a sebelisa lentsoe lena le totobetseng, le hoja ho ka etsahala hore ebe tataiso ea sebele ha e sebelisoe mananeong ana. Ena ke mohlala o motle oa mefuta e mecha ea moqapi oa ho alima likhopolo ho tloha mekhoeng, le hoja ho sebelisoa ha molao-motheo oo ho fetohile.

Ha ho tluoa tabeng ea moqapi oa marang-rang, ha ho na thepa ea CSS ea "ho etella pele". Ho e-na le hoo, thepa ea CSS e neng e tla sebetsana le ponahalo ena ea litšoantšo e bitsoa bophahamo ba line. Haeba u batla hore temana ea hau e be le sebaka se eketsehileng pakeng tsa mela e ka holimo ea litemana, u tla sebelisa thepa ena. Ka mohlala, u re u batla ho eketsa bophahamo ba moeli bakeng sa lirapa tsohle kahare ho sebopeho sa hau sa hau , u ka etsa joalo ka sena:

p p main {line-height: 1.5; }}

Hona joale e ne e tla be e le ka makhetlo a 1.5 ka mokhoa o tloaelehileng oa bophahamo ba line, ho thehiloe ho boholo ba boholo ba mohala oa leqephe (e leng ka tloaelo 16px).

Nako ea ho sebelisa Line-Height

Joalokaha ho boletsoe ka holimo, bophahamo ba line-rang bo loketse ho sebelisa ho arola melaetsa ea litemana ho lirapa kapa tse ling tsa li-text. Haeba ho na le sebaka se senyenyane pakeng tsa melaetsa, temana e ka hlajoa ebile e thata ho e bala bakeng sa bashebelli hosaete ea hau. Ka tsela e ts'oanang, haeba mela e arohane haholo le leqepheng, ho bala ho tloaelehileng ho tla sitisoa 'me babali ba tla ba le bothata ka temana ea hau ka lebaka leo. Ke kahoo o batlang ho fumana sebaka se loketseng sa sebaka sa bophahamo ba line-line. U ka boela ua leka moqapi oa hau le batho ba hlileng ba sebetsang ho fumana maikutlo a bona ka ho baloa ha leqephe .

Ha U sa Sebelise Line-Line

U se ke ua ferekanya bophahamo ba mohala ka marang-rang kapa marang-rang ao u ka a sebelisang ho eketsa sebaka se bosoeu ho sebopeho sa leqephe la hau, ho kenyeletsoa ka tlas'a sehlooho kapa lirapa. Sebaka seo ha se etelle pele, ka hona ha se sebetsane le bophahamo ba line.

Haeba u batla ho eketsa sebaka tlas'a likarolo tse ling tsa mongolo, u ka sebelisa margins kapa ho pata. Ho khutlela mohlaleng oa CSS o fetileng oo re o sebelisitseng, re ka eketsa sena:

p p main {line-height: 1.5; marginal-bottom: 24px; }}

Sena se ne se tla be se na le 1.5 line bolelele pakeng tsa melaetsa ea mongolo oa likhaolo tsa leqephe la rona (tse ka hare ho sebopeho). Litemana tse tšoanang li ne li tla boela li be le li-pixels tse 24 tsa li-whitespace ka tlase ho e mong le e mong oa tsona, e leng ho lumellang libukeng tse bonahalang ho lumella babali ho khetholla serapa se le seng ho se seng ebe ba etsa hore ho bala liwebsaete li be bonolo ho li etsa. U ka boela ua sebelisa thepa ea marang-rang sebakeng sa margins mona:

p p main {line-height: 1.5; ho ea holimo-tlaase: 24px; }}

Hoo e batlang e le maemong 'ohle, sena se tla bontša se tšoanang le CSS e fetileng.

E re u batla ho eketsa sebaka se ka tlaase ho lintlha tsa lenane tse neng li le ka har'a lethathamo le sehlopha sa "lits'ebeletso-menu", o tla sebelisa margins kapa padding ho etsa joalo, HA HO lutse bophahamo ba mola. Kahoo sena se tla ba se loketseng.

.services-menu li { U ne u tla sebelisa bophahamo ba moeli mona feela haeba u batla ho beha ho aroloa ha temana ka har'a lenane-lintho ka bobona, ho nka hore li na le nako e telele ea litemana tse ka mathellang melaong e mengata bakeng sa ntlha e 'ngoe le e' ngoe.