Derbarê Derheqê Web Designê de hîn bikin

Dîzmera web herdem herdem ji prensîp û pênase pênase ji cîhanê grafîk û designê çapkirinê. Ev yek bi rastî rast e ku gava ew tête têgehek web û rêyên ku em li ser rûpelên me yên nameya nameyan bibînin. Ev parallel herdem her yek ji 1 heta 1, lê hûn dikarin bibînin ku li dorînek ku li ser dîwanê dî jî bandor kiriye. Bi taybetî hûn diyar dikin ku têkiliya di navbera termînografiya kevneşopî de "rêberî" û sîteyê CSS ye, wekî "line-height."

Armanca Rêberê

Gava ku mirov ji bo pirtûka ji bo pirtûka çapkirî ve çêbikin, hinek parçeyên piçûk di navbera rêzikên horizontal ên text de ji bo ku di navbera wan deveran de çêbikin hatine nivîsandin. Heke hûn cihekî mezintir dixwest, hûnê parçeyên mezin ên mezin bibin. Ev çawa çawa "rêber" tête peyda kirin. Heke hûn pirtûka "rêber" li ser pirtûka design û prensîpên typografî digerin, ev tiştek bi bandorê - "dûr di nav rêzên lênêrîna celebên cureyê".

Rêveberiya Web Designer

Di nav sêwirana dîjîtal de, rêveçûnê hê jî tê bikaranîn ku ew di nav rêzên lênêrînê de referandeyê tête navnîşan. Gelek bernameyên vê peyva rast bikar tîne, her çiqas rêberiya rast eşkere ne di van bernameyan de têne bikaranîn. Ev nimûneyên nû yên berbiçavên fikrên ji kevneşopî yên kevneşopî ye, tevî ku pêkanîna rastîn ya vê prenseyê guhertin.

Dema ku ew paqijkirina malperê ye, nirxên CSS tune heye ji bo "rêber." Li şûna, xaneya CSS ya ku dê nîşan bide vê vîdyoyê ya tête binivîsin tête binivîsin. Heke hûn bixwazin ku gotina xwe di nav xalên hûrsî yên tekstê de bêhtir heye, hûn ê vê sîteyê bikar bînin. Ji bo nimûne, bêjin tu dixwazî ​​li ser her paragraphên di binê parçoveya sereke de sereke ya sereke zêde bike , hûn dikarin weha bikin:

p {line-height: 1.5; }

Ev ê niha di 1.5-ê de, pîvana pelê ya default-ê (ya normal 16px e.

Dema ku Bikaranîna Line-Height

Wekî ku jor, jor-tarîj e ku ji bo rêzên tekstê di paragrafên an jî blokên din de bikar bînin cih e. Heke di nav rêzên piçûk de hene, nivîskî dikare berbiçav û zehmet dibe ku ji bo mêvanan bixwazin malpera xwe bixwînin. Wisa, heke heya rêzan li ser rûpelê pir dûr vekirî ye, pêvajoya normal ya ku dê xwendinê dê bibe asteng bibin û xwendevanên wê ji ber vê sedemê tengahiyê bibin. Ji ber vê yekê hûn dixwazin ku ji bo karûbarê rêza xistî ya ku bikar tînin bikar bînin. Hûn dikarin bi bikarhênerên rastîn bikin ku bersiva xwe li ser xwendina rûpelê bikin .

Dema ku Nehf Bikaranîna Line-Height

Bi tîrêjê bi tavê an qeçaxên ku hûn ê bikar bînin ku hûn bikar bînin navnîşana pirtûka pûpela xwe ya rûpela zêde bikin, lê di bin sernav û paragrafan de. Ew paqij nabe, û ji ber ku ew bi hêsankirî re nehêle.

Heke hûn di bin hinek elementên tekstê de cih digerin, hûn ê wergirtin an qeçaxan bikar bînin. Dema ku em bi kar anîn, paşê vegerin CSS-ê berê.

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

Ev dê di navbera rêzên tekstê ya ji bo paragrafa rûpelê de (rûpelên sereke

element). Ew heman paragraphan jî dê her bin bin 24 pixelên whitespace hene, da ku ji bo pêşniyarên vîzyonê yên ku xwendevan dikarin bi hêsanî yek paragrafî nas bikin û malpera hêsan bixwînin. Hûn dikarin dikarin li ser cihên hûrgelan bikar bînin:

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

Di heya hemû rewşan de, ev ê wek heman CSS-ê nîşan bide.

Bêjin tu dixwazî ​​binavên lîsteya tiştên ku di hundirê lîsteyê de bi kategoriya "pergala xizmetê", di nav lîsteya lîsteyê de cih digire, hûn ê heqê an qeçikê bikar bînin, neqeqe ne. Ji ber vê yekê ew ê bêkêmasî ye.

.services-menu li { Hûn li vir li ser vê derê-ê bilind bikî heke hûn dixwazin ku di hundurê lîsteyê de, navnîşên xwe bi navnîşan-lîstikên xwe binivîse, wisa digot ku ew bi rêvebirinê re dirêjî nivîsandibû ku ji bo her guleyê ji her releyan re gelek pisîk digirin.