RekenaarsProgrammering

Instellings in die CSS: lynspasiëring

In CSS, die afstand tussen lyne is baie maklik om op te stel. Vir hierdie doel is daar 'n spesiale eiendom. Maar, natuurlik, daar is baie ander parameters, wat universele is en aangewend kan word om die teks.

Indien geen aanpassing gedoen word, is jy stel die standaard waardes. jy kan die afstand verander as jy wil. Die waarde kan óf 'n persentasie of pixels wees.

Ryhoogte

Die CSS afstand tussen lyne kan gedemonstreer word deur die volgende figuur.

In die foto toon die parameters met ooreenstemmende afstande. Die teks is in die ruimte lettergrootte. Let daarop dat die teks lyn begin nie by die basis en effens hoër. Die ruimte hieronder om briewe wat onder elemente (g, y, en so aan) het.

Let daarop dat die spasie tussen die blokke lettergrootte genoem voorste. Met HTML en CSS hierdie eiendom nie verskyn nie, maar dit is in die ander grafiese en teks editors. Byvoorbeeld, in Adobe Photoshop.

Die figuur hierbo toon waar in die "Photoshop", kan jy spesifiseer wat lei. En naas gespesifiseerde lettergrootte omgewing.

Voorbeelde van die gebruik van lyn-hoogte

In CSS, kan die afstand tussen die lyne gestel persent. 'N illustratiewe voorbeeld word hieronder gegee.

In die geval van klein waardes van die gebruiker van jou site sal ongerieflik om te lees.

Die afstand kan gevarieerde en die grootte van die skrif wees. As die verskil tussen die basiese parameters grootliks verskil in getalle, is die verskil vergoed word deur die toename leidende.

subtiliteite van ontwerp

Die CSS afstand tussen lyne kan verder aan te pas verskeie koppeltekens. Kyk na die voorbeeld in die figuur.

In die "Element" in hierdie geval sal die teks wees. Padding - padding is binne-in die voorwerp, en die marge - die inkeping van die voorwerp. Grens - hierdie raam. Dit kan wees 0 pixels, en kan wees 100.

Die volgende beeld toon onmiddellik alle rande, die raam en die hoogte van 'n reël van die teks.

As jy 'n klein teks, al in 'n enkele lyn, of elke lyn in 'n aparte paragraaf, kan die afstand aangepas word tussen die ingekeep paragrawe. Dit is Maring en padding tussen die lyne in een sel sal geen effek hê. Hulle skep die inkeping net aan die kante van die voorwerp. Beswaar - hierdie hele paragraaf, in plaas van lyne in dit. Dit is belangrik om nie verwar te kry.

In gevalle waar 'n groot aantal rye, wat almal in dieselfde voorwerp, die skrif is aanbeveel om die basiese parameters verander.

Hoe om die afstand tussen die lyne van CSS verhoog

Die afstand tussen die lyne van HTML, kan jy registreer om enige klas of vir al die lede in die teks. As jy spesifiseer soos volg: p {line-height: 20px; } - dan absoluut al die paragrawe op die bladsy sal wees snare van 20 pixels. As jy wil op verskillende plekke in verskillende groottes, word dit aanbeveel as volg te doen.

Ons skryf style.

.class1 {line-height: 20px; }

.class2 {line-height: 16px; }

.class3 {line-height: 12px; }

Vir duidelikheid, ons voeg 'n raam, sodat jy kan sien dat dit werk. In die toekoms, moet dit verwyder word.

Volgende, gebruik ons hierdie klasse. Die resultaat is soos volg.

Let daarop dat in die derde geval, die band het na die teks. Alles te danke aan die feit dat die lettergrootte groter is as die hoogte van die lyn. Daarom is dit belangrik om te verseker dat sulke konflikte nie was. As jy doen 'n klein lyn hoogte, onderskeidelik, verminder die skrif.

Dit word nie aanbeveel om te min teks en 'n klein afstand tussen lyne te doen. Aangesien nie een van die gebruikers nie in staat sal wees om dit alles rustig lees. Hy het vinnig moeg oë. Soekenjins sê ook dat die teks is gebruikers vriendelik.

Verder, in die afgelope jaar is daar 'n sterk klem op bruikbaarheid vir mobiele gebruikers. Daar aanbevelings het altyd gesê dat die lettergrootte normale, nie klein moet wees. Veral sterk beïnvloed dit die verwysing. Met hul klein grootte sal die gebruiker moeilik wees om navigasie op die webwerf te gebruik.

In die soektog "Google" is 'n spesiale instrument wat help in die analise. Dit is baie handig vir webmasters.

Hier is 'n voorbeeld van die resultate wat nodig mag wees.

Dit word aanbeveel om hierdie wenke gebruik omdat hierdie kriteria invloed op die resultate.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 af.birmiss.com. Theme powered by WordPress.