ComputersProgrammering

Instellingen in de CSS: regelafstand

In CSS, de afstand tussen de regels is zeer eenvoudig in te stellen. Voor dit doel is er een speciale eigenschap. Maar natuurlijk zijn er vele andere parameters, die universeel zijn en kunnen worden toegepast op de tekst.

Als er geen aanpassing is gedaan, ben je klaar om de standaard waarden. U kunt de afstand veranderen indien gewenst. De waarde kan een percentage of pixels zijn.

rijhoogte

De CSS afstand tussen de lijnen kan worden aangetoond door de volgende figuur.

In de bovenstaande afbeelding toont de parameters met bijbehorende afstanden. De tekst is in de ruimte font-size. Merk op dat de tekstregel niet beginnen bij de basis en iets hoger. De ruimte in om brieven die bodemelementen (g, y, etc.) hebben.

Merk op dat de ruimte tussen de blokken font-size wordt regelafstand genoemd. Met HTML en CSS deze eigenschap niet verschijnt, maar het is in de andere grafische en tekstverwerkers. Bijvoorbeeld, in Adobe Photoshop.

De bovenstaande figuur laat zien waar in de "Photoshop", kunt u aangeven wat leidt. En de volgende gespecificeerde font-size setting.

Voorbeelden van het gebruik regelhoogte

CSS kan de afstand tussen de lijnen worden ingesteld procent. Een illustratief voorbeeld wordt hieronder gegeven.

In het geval van kleine waarden van de gebruiker van uw site zal lastig zijn om te lezen.

De afstand kan gevarieerd en de grootte van het lettertype. Als het verschil tussen de basisparameters sterk verschillen in aantallen, wordt het verschil gecompenseerd door de stijging leidende.

subtiliteiten van het ontwerp

De CSS afstand tussen de lijnen kunnen verder aanpassen diverse onderdelen. Neem het voorbeeld in de figuur.

In de "Element" in dit geval zal de tekst zijn. Padding - padding is in het object, en de marge - de inspringing van het object. Border - dit frame. Het kan 0 pixels, en kunnen 100.

De volgende afbeelding geeft onmiddellijk marges, het frame en de hoogte van een tekstregel.

Als je een kleine tekst, alles in een enkele lijn of elke regel in een aparte paragraaf, kan de afstand worden ingesteld tussen de ingesprongen alinea's. Dat is Maring en opvulling tussen de lijnen in een cel zal geen effect hebben. Ze creëren de uitsparing alleen aan de randen van het object. Object - deze hele paragraaf, in plaats van lijnen in het. Het is belangrijk om niet in de war raken.

Wanneer een groot aantal rijen, die zich in hetzelfde object, het lettertype wordt aanbevolen om de fundamentele parameters te wijzigen.

Hoe kan de afstand tussen de lijnen van CSS te verhogen

De afstand tussen de lijnen van HTML, kunt u zich aanmelden op elke categorie of voor alle alinea's in de tekst. Als u opgeeft als volgt uit: p {line-height: 20px; } - dan absoluut alle alinea's op de pagina zal zijn snaren van 20 pixels. Als u wilt dat op verschillende plaatsen in verschillende maten, is het raadzaam het volgende te doen.

We schrijven stijlen.

.class1 {line-height: 20px; }

.class2 {line-height: 16px; }

.class3 {line-height: 12px; }

Voor de duidelijkheid, voegen we een kader, zodat je kunt zien dat het werkt. In de toekomst moet deze worden verwijderd.

Vervolgens gebruiken we deze klassen. Het resultaat is als volgt.

Merk op dat in het derde geval, de band reed naar de tekst. Allemaal te wijten aan het feit dat de lettergrootte groter is dan de hoogte van de lijn. Daarom is het belangrijk ervoor te zorgen dat dergelijke conflicten niet. Als je doet een kleine regelhoogte, respectievelijk, vermindering van de lettertype.

Het is niet aan te raden om te veel tekst en met een kleine afstand tussen de lijnen te doen. Aangezien geen van de gebruikers niet in staat zal zijn om alles rustig te lezen. Hij snel vermoeide ogen. Zoekmachines ook zeggen dat de tekst is gebruiksvriendelijk.

Bovendien is in de afgelopen jaren is er een sterke nadruk op bruikbaarheid voor mobiele gebruikers. Er aanbevelingen hebben altijd gezegd dat de lettergrootte normaal, niet klein zou moeten zijn. Vooral sterk beïnvloedt de referentie. Met hun kleine formaat zal de gebruiker moeilijk zijn naar de site navigatie te gebruiken.

In de zoekmachine "Google" is een speciale tool die helpt bij de analyse. Het is erg handig voor webmasters.

Hier is een voorbeeld van de resultaten die kunnen worden.

Het wordt aanbevolen om deze tips te gebruiken, omdat deze criteria invloed op de zoekresultaten.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

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