Nastavení v CSS: řádkování

CSS, vzdálenost mezi řádky, je velmi snadno nastavit. K tomuto účelu existuje zvláštní vlastnost. Ale, samozřejmě, existuje mnoho dalších parametrů, které jsou univerzální a mohou být použity v textu.

Není-li provedena žádná úprava, ty jsou nastaveny na výchozí hodnoty. můžete změnit vzdálenost v případě potřeby. Hodnota může být buď v procentech nebo pixelů.

řádek Výška

CSS Vzdálenost mezi liniemi může být demonstrována pomocí následujícího obrázku.

Ve výše uvedeném obrázku jsou znázorněny parametry s odpovídajícími vzdálenosti. Text je v prostoru font-size. Všimněte si, že textový řádek nezačíná na základně a mírně vyšší. Prostor uveden níže na dopisy, které mají spodní prvky (g, y, a tak dále).

Všimněte si, že prostor mezi bloky font-size se nazývá vedoucí. HTML a CSS tato vlastnost se nezdá, ale je to v jiných grafických a textových editorů. Například v programu Adobe Photoshop.

Výše uvedený obrázek ukazuje, kde v „Photoshop“, můžete určit vedoucí. A další je uvedeno nastavení font-size.

Příklady použití výšku řádku

CSS, vzdálenost mezi řádky lze nastavit procent. Ilustrativní příklad je uveden níže.

V případě malých hodnot uživatele vašeho webu bude nepohodlné čtení.

Vzdálenost může být měněn a velikost písma. Pokud je rozdíl mezi základními parametry se velmi liší v číslech, rozdíl je kompenzován zvýšením vedení.

jemnosti designu

CSS vzdálenost mezi řádky lze dále upravovat různé odsazení. Vezměme si příklad na obrázku.

V „Element“ v tomto případě bude text. Polstrování - výplň je uvnitř objektu, a okraj - odsazení objektu. Border - tento rámec. Může to být 0 bodů, a může být 100.

Následující obrázek ukazuje okamžitě všechny okraje, rám a výška řádku textu.

Máte-li malý text, to vše v jednom řádku, nebo každý řádek v samostatném odstavci, vzdálenost může být nastavena mezi odsazené odstavce. To je Maring a padding mezi řádky v jedné buňce nebude mít žádný vliv. Vytvářejí odsazení pouze na okrajích objektu. Object - celý tento odstavec, namísto linie v ní. Je důležité, aby se zmást.

V případech, kdy velký počet řádků, z nichž všechny jsou umístěny ve stejném objektu, písmo je doporučeno měnit základní parametry.

Jak zvýšit vzdálenost mezi řádky CSS

Vzdálenost mezi řádky kódu HTML, můžete se zaregistrovat na jakoukoli třídu, nebo pro všechny odstavce v textu. Zadáte-li například takto: p {line-height: 20px; } - pak naprosto všechny body na stránce budou struny 20 pixelů. Pokud se chcete na různých místech v různých velikostech, je doporučeno provést následujícím způsobem.

My předepsat styly.

.class1 {line-výška: 20 pixelů; }

.class2 {line-height: 16px; }

.class3 {line-height: 12px; }

Pro přehlednost jsme přidání rámečku, takže můžete vidět, že to funguje. V budoucnu, musí být odstraněn.

Dále používáme těchto tříd. Výsledkem je následující.

Všimněte si, že ve třetím případě, skupina jel do textu. To vše kvůli tomu, že velikost písma je větší než výška řádku. Proto je důležité zajistit, aby tyto konflikty nebyly. Pokud děláte malou výšku řádku, respektive snížit písmo.

To se nedoporučuje dělat příliš málo textu a malé mezery mezi řádky. Jelikož žádný z uživatelů nebude schopen to všechno číst klidně. Rychle unavené oči. Vyhledávače také říci, že text je uživatelsky příjemný.

Navíc, v posledních letech je zde velký důraz na použitelnost pro mobilní uživatele. Tam doporučení vždycky říkal, že velikost písma by měla být normální, ne malé. Zvlášť silně ovlivňuje reference. Díky své malé velikosti se uživatel bude obtížné používat navigace na webu.

Do vyhledávače „Google“ je speciální nástroj, který pomáhá při analýze. To je velmi výhodné pro webmastery.

Zde je příklad výsledků, které mohou být.

Doporučuje se používat tyto tipy, protože tato kritéria ovlivnit výsledky vyhledávání.