Cilësimet në CSS: Hapësira e linjës

Në CSS, distanca në mes linjave është shumë e lehtë për të ngritur. Për këtë qëllim ka një pronë të veçantë. Por, sigurisht, ka shumë parametra të tjerë, të cilat janë universale dhe mund të aplikohet në tekst.

Nëse asnjë rregullim është bërë, ju jeni të vendosur për vlerat default. ju mund të ndryshojë në distancë, nëse e dëshiruar. Vlera mund të jetë ose një përqindje ose pixels.

rresht Lartësia

CSS Distanca në mes të linjave të mund të demonstrohet me figurën e mëposhtme.

Në imazhin e mësipërme tregon parametrat me distancat përkatëse. Teksti është në hapësirë font-size. Vini re se linja teksti nuk fillon në bazë dhe pak më të larta. Hapësira dhënë më poshtë me shkronja të cilat kanë elemente të poshtme (G, y, dhe kështu me radhë).

Vini re se hapësira ndërmjet blloqeve font-size është quajtur kryesor. Me HTML dhe CSS kjo pronë nuk duket, por ajo është në redaktorët e tjera grafike dhe tekst. Për shembull, në Adobe Photoshop.

Shifra e mësipërme tregon ku në "Photoshop", ju mund të specifikoni kryesor. Dhe të ardhshëm specifikuar vendosjen font-size.

Shembuj të përdorimit të line-height

Në CSS, distanca mes rreshtave mund të vendosen për qind. Një shembull ilustrues është dhënë më poshtë.

Në rastin e vlerave të vogla të përdoruesit të faqes tuaj do të jetë i papërshtatshëm për të lexuar.

Distanca mund të jenë të ndryshme dhe madhësia e shkronjave. Nëse diferenca midis parametrave bazë do të ndryshojnë në masë të madhe në numër, dallimi është kompensuar nga rritja kryesorë.

hollësitë e dizajnit

CSS Distanca në mes linjave mund të mëtejshëm Kryeradhë ndryshme. Konsideroni shembullin në figurën.

Në "Element" në këtë rast do të jetë teksti. Mbushje - mbushje është brenda objektit, dhe diferencë - vulë e objektit. Border - kjo kornizë. Ajo mund të jetë 0 pixels, dhe mund të jetë 100.

Imazhi i mëposhtëm tregon menjëherë të gjitha kufijtë, kornizë dhe lartësinë e një linjë të tekstit.

Nëse keni një tekst të vogël, të gjitha në një linjë të vetme, ose çdo linjë në një paragraf të veçantë, distanca mund të rregullohen në mes të paragrafëve të prerë. Kjo është Maring dhe mbushje në mes të linjave në një qelizë do të ketë efekt. Ato krijojnë gjurmë vetëm në skajet e objektit. Object - këtë paragraf të tërë, në vend të linjave në të. Është e rëndësishme të mos merrni hutuar.

Në rastet kur një numër i madh i rreshtave, të cilat janë të vendosura në të njëjtin objekt, font është e rekomanduar për të ndryshuar parametrat themelore.

Si për të rritur distancën midis vijave të CSS

Distanca në mes të linjave të HTML, ju mund të regjistroheni për çdo klasë ose për të gjitha pikat në tekst. Nëse ju specifikoni si ky: p {line-height: 20px; } - atëherë absolutisht të gjithë paragrafët në faqe do të jetë në vargjet e 20 pixels. Nëse ju doni në vende të ndryshme në madhësi të ndryshme, ajo është e rekomanduar për të bërë si më poshtë.

Ne përshkruajnë stilet.

.class1 {line-lartësia: 20px; }

.class2 {line-lartësia: 16px; }

.class3 {line-lartësia: 12px; }

Për qartësi, ne shtoni një kornizë, kështu që ju mund të shihni se ajo punon. Në të ardhmen, ajo duhet të hiqet.

Tjetra, ne përdorim këto klasa. Rezultati është si më poshtë.

Vini re se në rastin e tretë, grupi çuan në tekst. Të gjitha për shkak të faktit se font size është më e madhe se lartësia e linjës. Prandaj, është e rëndësishme për të siguruar se konfliktet e tilla nuk ishin. Nëse jeni duke bërë një lartësi të vogël linjë, respektivisht, të zvogëlojë font.

Nuk është e rekomanduar për të bërë shumë pak tekst dhe një distancë të vogël në mes të linjave. Që asnjë nga përdoruesit nuk do të jetë në gjendje për të lexuar të gjitha qetësi. Ai sytë e lodhur shpejt. Search engines gjithashtu thonë se teksti është përdorues-miqësor.

Për më tepër, në vitet e fundit ka një theks i fuqishëm në përdorshmërisë për përdoruesit celular. Rekomandimet gjithmonë kanë thënë se madhësia e shkronjave duhet të jetë normale, jo e vogël. Sidomos me forcë ajo ndikon në referencë. Me madhësinë e tyre të vogël përdoruesi do të jetë e vështirë për t'u përdorur navigacion faqe.

Në motor kërkimi "Google" është një mjet i veçantë që ndihmon në analizën. Ai është shumë i përshtatshëm për webmasters.

Këtu është një shembull i rezultateve që mund të jenë.

Është e rekomanduar për të përdorur këto këshilla për shkak se këto kritere të ndikojë në rezultatet e kërkimit.