Mîhengên di CSS: spacing line

Di CSS, ji dûr ve di navbera rêzikan e pir hêsan e ji bo danîna. Ji bo vê armancê ye milkê taybet heye. Lê belê, bê guman, ne gelek Parametreyên din, ku gerdûnî ne û mirov dikare bi vê text serî heye.

Ger tu xebatekî kirin, hûn bi ji bo nirxên standard danîn. tu ji dûr ve ger tê xwestin biguhere. Nirxa dikare bibe, yan beşek an pixels.

Bilindahiya row

Ji dûr ve CSS di navbera xetên dikare ji aliyê hejmara van nîşan da.

Di wêneyê de li jor nîşan dide Parametreyên bi dûr û berê. Nivîsa ku di qada font-size e. Zanibe ku xeta nivîsê nayê, li bingehê û hinekî bilind, dest bi ne. Li qada jêr bi nameyên ku hêmanên bottom (g, y, û bi vî awayî li ser).

Zanibe ku li qada di navbera blokên font-size navê sereke. Bi HTML û CSS vê malê xuya nake, lê belê di ya din de edîtorên grafîk û text e. Ji bo nimûne, di Adobe Photoshop.

Ev jimar li jor jî nîşan dide ku di "Photoshop", tu dikarî nîşaneyên sereke. Û next xwe dişinî mîhengê font-size.

Wergerandî yên bikaranîna line-height

Di CSS, dûrahiya di navbera xetên dikare ji sedî set. An example illustrative li jêr tê dayîn.

Di doza nirxên biçûk li ser bikarhênerê jî ji numreya te nerehet ji bo xwendina wê be.

Ji dûr ve, nikare bibe rûdaye û di meznahiya curenivîsa. Ger Ferqa di navbera Parametreyên bingehîn pirr hejmarên cuda wê, cudahiya bi zêdebûna sereke ya qerebokirin.

diguherîne design

Ji dûr ve CSS di navbera xetên din dikarin hevpîvan cuda bikî. mînaka li hejmara xwe bipejirîne.

Di "Element" di vê rewşê de dê bibe text. Padding - li indentation ji object - padding li margin e di nava object, û. Border - vê çarçeveyê de. Ev dikare bibe 0 pixel, û dibe ku bibe 100.

The image jêr dide, di cih de hemû margins, çarçovê de û bilindahiya a line ji text.

Eger te wêneyek text biçûk, hemû di xeta yek, an jî her line, di paragrafa cuda, ji dûr ve dikare di navbera paragrafên dostîniya rêzkirin. Ku maring û padding di navbera xetên di yek hucreyê de dê tu bandora wê tune ye. Ew indentation tenê li kevîyên bireserê biafirîne. Object - tevahiya vê paragrafê de, li şûna xetên di wê de. Ev girîng e ku ne tevlihev bû.

Di rewşên ku hejmareke mezin ji rêzikan, hemû yên ku di object heman located, curenivîsa pêşniyarkirin bo guherandina parametreyên bingehîn.

Çawa ji bo zêdekirina, dûrahiya di navbera xetên ji CSS

Dûrahiya di navbera xetên yên HTML, tu ji bo çi class an jî ji bo hemû paragrafên ku di nivîsê de qeyd bike. p {line-height:: Eger tu wek vê diyar bike 20px; } - paşê gelî hemû bendan li ser vê rûpelê wê were benên 20 pixels. Ger tu li cihên cuda li sizes cuda dixwazin, ku tê pêşniyarkirin ji bo ku ez wiha ne.

Em styles dermanan.

.class1 {line-height: 20px; }

.class2 {line-height: 16px; }

.class3 {line-height: 12px; }

Ji bo neşefafiya, em lê zêde bike çarçoveyeke, da ku tu bibînî ku baş dixebite. Di pêşerojê de, wê bên rakirin.

Next, em bikaranîna van dersên. Di encamê de wiha ye.

Têbînî: Dibe ku di doza sêyemîn, band derxistin to the text. Hemû ji ber rastîya ku di font size mezintir li height of the line e. Ji ber vê yekê, ev girîng e, da ku bi vî rengî pevçûnên bûn ne. Heke tu bi kirina a height line biçûk, bi rêzê ve, kêm font.

Pêşniyara me ew e ku ji text jî pir hindik û dûr biçûk di navbera rêzikan. Ji ber ku tu bikarhênerên bi wê karibe bi hemû xwendin bi aramî. Ew çavên zû westiyayî. motorên lêgerînê jî dibêjin ku text-user dostane ye.

Ji bilî vê, di salên dawî de ye û îşaret bi hêz li ser hêmanên ji bo bikarhênerên mobile hene. pêşnîyarên li wir tim got, ku font size divê normal, yên biçûk ne be. Bi taybetî jî bi tundî ew bi referansa li tesîrê. Bi size biçûk xwe li user zehmet wê bibin bi kar navîgasyon site.

Di motora lêgerînê "Google" alaveke taybet ku di analîzên alîkar e. Ev pir musaît webmasters e.

Li vir mînaka ji encamên ku dê bibin e.

Pêşniyara me ew e ku bikaranîna van tips ji ber ku van krîterên search results tesîra.