Kudzidza Nekutungamira muWeb Design

Webhu yakagadzirwa nguva dzose yakakwereta zvinyorwa uye tsanangudzo kubva munyika yechinyorwa uye zvinyorwa zvakagadzirwa. Izvi zvinonyanya kuitika kana zvasvika kune web typography uye nzira yatinowana nayo mavarafomu pamapeji edu ewebhu. Izvi zvakafanana hazvirevi nguva dzose 1 kusvika 1 shanduro, asi iwe unogona kuona zvechokwadi kuti chirango chimwe chakaita sei kune imwe. Izvi zvinonyanya kuoneka kana iwe uchitarisa ukama pakati pemutauro wemutauro we "typography" uye " CSS" inozivikanwa se "line-height."

Chinangwa Chokutungamirira

Apo vanhu vaiwanzoshandisa kushandisa handset metal kana kuti matanda kuitira kuti vagadzire typography pane peji rakadhindwa, zvidimbu zviduku zveutungamiri zvakaiswa pakati pemitsetse yakasenderera yezvinyorwa kuitira kuti zvive nepakati pakati pemitsara. Kana iwe uchida nzvimbo yakakura, iwe unogona kuisa zvikamu zvakakura zvekutungamirira. Iyi ndiyo iyo izwi rokuti "kutungamirira" rakagadzirwa. Kana iwe wakatarisa kumusoro izwi rokuti "kutungamirira" mune rimwe bhuku pamusoro pekunyora kwekunyora uye nyanzvi, rinogona kuverenga chimwe chinhu pamigumisiro ye - "kureba pakati pezvinyorwa zvitsva zvinotevera."

Kutungamira muWeb Design

Mukugadzirwa kwe digital, izwi rinotungamirira rinoshandiswa kureva kuisa pakati pemiganhu yezvinyorwa. Mipurogiramu yakawanda inoshandisa izwi iri chaiye, kunyange zvazvo kutungamirirwa kwechokwadi kuri pachena kusingashandisi mumapurogiramu aya. Uyu ndiwo muenzaniso wakanaka wemarudzi matsva ekugadzira kubhadhara pfungwa kubva kune tsika, kunyange zvazvo kunyatsoshandiswa kweshoko iroro kwakachinja.

Kana zvasvika kune web design, hapana CSS pfuma ye "kutungamirira." Pane kudaro, pfuma yeCSS inogona kutarisa izvi kuratidzwa kwemavara kunonzi line-height. Kana iwe uchida kuti rugwaro rwako ruve nezvimwe nzvimbo pakati pemiganhu yakanyatsotenderera yemagwaro, iwe ungashandisa iyi pfuma. Semuenzaniso, unoti iwe unoda kuwedzera kukwirira-kukwirira kwemavara ose mukati me

chinhu chesaiti yako , iwe unogona kuita seizvi:

main p {line-height: 1.5; }

Izvi zvingava ikozvino 1.5 nguva iyo yakatarwa mutsara yakakwirira, zvichibva pane zvisiri izvo zvinyorwa zvepamusoro peji (iyo inowanzo 16px).

Nguva Yokushandisa Nheyo-Urefu

Sezvakataurwa pamusoro apa, kukwirira kwemasara kwakakodzera kushandisa kuisa mitsetse yemashoko mundima kana zvimwe zvikamu zvemashoko. Kana paine nzvimbo shomanana pakati pemiganhu, ndima yacho inogona kugumburwa uye yakaoma kuverengera vatarisi panzvimbo yako. Saizvozvowo, kana mitsetse yakaparadzana zvakanyanya pane peji, kufanana kwekuverenga kunozovhiringidzika uye vaverengi vangave vane dambudziko nemashoko enyu nokuda kwechikonzero ichocho. Ichi ndicho chikonzero iwe unoda kuwana yakaenzana yemakiromita ekukwirira kwepamusoro ekushandisa. Iwe unogona zvakare kuedza yako yakagadzirwa nevanonyanya kushandisa vashandi kuti vawane mhinduro dzavo pakuverenga kwejiji .

Apo Usingafaniri Kushandisa Nheyo-Urefu

Usavhiringidza nheyo-yakakwirira ne padding kana mitsara yaunogona kushandisa kuwedzera kuchena kune peji yako, kusanganisira pasi kana ndima. Nzvimbo iyo haisi kutungamirira, uye naizvozvo haisi kutariswa nepamusoro-mutsara.

Kana iwe uchida kuwedzera nzvimbo pasi pezvimwe zvinyorwa zvemashoko, unogona kushandisa margins kana padding. Kudzokera kune yakapfuura CSS muenzaniso watakashandisa, tinogona kuwedzera izvi:

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

Izvi zvingadai zvichine 1.5 line yakadzika pakati pemitsetse yezvinyorwa zvemaji edu mapeji (izvo zviri mukati me

element). Ndima imwe chete iyo inogonawo kuva nemapikiseti makumi maviri nemaviri emhepo pasi peumwe neumwe wavo, zvichibvumira kuti zvisikwa zviputse izvo zvinobvumira vaverengi kuti vaone nyore imwe ndima kubva kune imwe uye vanoita kuverenga webhusaiti nyore nyore kuita. Iwe unogonawo kushandisa padding yemugove panzvimbo yemiganhu iri pano:

main p {line-height: 1.5; padding-pasi: 24px; }

Munenge mamiriro ezvinhu ose, izvi zvingaratidza zvakafanana neCSS yapfuura.

Iti iwe waida kuwedzera kuisa pasi pezvinhu zvinyorwa zvaive mukati meurongwa nekirasi ye "huduma-menyu", iwe unoshandisa margins kana padding kuti uite kudaro, HERE MUSI wepamusoro. Saka izvi zvaizova zvakakodzera.

.services-menu li { Iwe unongoshandisa kukwirira-kwepamusoro pano kana iwe uchida kugadzirisa kukanganisa kwemashoko mukati mezvinyorwa-zvinhu ivo pachavo, vachifunga kuti vaine nguva yakareba yekunyora iyo inogona kumhanyira kumigwagwa yakawandisa kune imwe nhovo yehombe.