Nastavenie v CSS: riadkovanie

CSS, vzdialenosť medzi riadkami, je veľmi ľahko nastaviť. Na tento účel existuje osobitný vlastnosť. Ale, samozrejme, existuje mnoho ďalších parametrov, ktoré sú univerzálne a môžu byť použité v texte.

Ak nie je vykonaná žiadna úprava, tie sú nastavené na predvolené hodnoty. môžete zmeniť vzdialenosť v prípade potreby. Hodnota môže byť buď v percentách alebo pixelov.

riadok Výška

CSS Vzdialenosť medzi líniami môže byť demonštrovaná pomocou nasledujúceho obrázku.

Vo vyššie uvedenom obrázku sú znázornené parametre so zodpovedajúcimi vzdialenosti. Text je v priestore font-size. Všimnite si, že textový riadok nezačína na základni a mierne vyššia. Priestor uvedený nižšie na listy, ktoré majú spodné prvky (g, y, a tak ďalej).

Všimnite si, že priestor medzi blokmi font-size sa nazýva vedúci. HTML a CSS táto vlastnosť sa nezdá, ale je to v iných grafických a textových editorov. Napríklad v programe Adobe Photoshop.

Vyššie uvedený obrázok ukazuje, kde v "Photoshop", môžete určiť vedúci. A ďalšie je uvedené nastavenie font-size.

Príklady použitia výšku riadka

CSS, vzdialenosť medzi riadkami možno nastaviť percent. Ilustratívny príklad je uvedený nižšie.

V prípade malých hodnôt užívateľa vášho webu bude nepohodlné čítanie.

Vzdialenosť môže byť menený a veľkosť písma. Ak je rozdiel medzi základnými parametrami sa veľmi líšia v číslach, rozdiel je kompenzovaný zvýšením vedenia.

jemnosti dizajnu

CSS vzdialenosť medzi riadkami možno ďalej upravovať rôzne odsadenie. Zoberme si príklad na obrázku.

V "Element" v tomto prípade bude text. Polstrovanie - výplň je vo vnútri objektu, a okraj - odsadenie objektu. Border - tento rámec. Môže to byť 0 bodov, a môže byť 100.

Nasledujúci obrázok ukazuje okamžite všetky okraje, rám a výška riadku textu.

Ak máte malý text, to všetko v jednom riadku, alebo každý riadok v samostatnom odseku, vzdialenosť môže byť nastavená medzi odsadené odseku. To je Maring a padding medzi riadkami v jednej bunke nebude mať žiadny vplyv. Vytvárajú odsadenie iba na okrajoch objektu. Object - celý tento odsek, namiesto línie v nej. Je dôležité, aby sa zmiasť.

V prípadoch, keď veľký počet riadkov, z ktorých všetky sú umiestnené v rovnakom objekte, písmo je odporúčané meniť základné parametre.

Ako zvýšiť vzdialenosť medzi riadkami CSS

Vzdialenosť medzi riadky kódu HTML, môžete sa zaregistrovať na akúkoľvek triedu, alebo pre všetky odseky v texte. Ak zadáte napríklad takto: p {line-height: 20px; } - potom úplne všetky body na stránke budú struny 20 pixelov. Ak sa chcete na rôznych miestach v rôznych veľkostiach, je odporúčané vykonať nasledujúcim spôsobom.

My predpísať štýly.

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

.class2 {line-height: 16px; }

.class3 {line-height: 12px; }

Pre prehľadnosť sme pridanie rámčeka, takže môžete vidieť, že to funguje. V budúcnosti, musí byť odstránený.

Ďalej používame týchto tried. Výsledkom je nasledujúci.

Všimnite si, že v treťom prípade, skupina išiel do textu. To všetko kvôli tomu, že veľkosť písma je väčšia než výška riadku. Preto je dôležité zabezpečiť, aby tieto konflikty neboli. Ak robíte malú výšku riadka, respektíve znížiť písmo.

To sa neodporúča robiť príliš málo textu a malé medzery medzi riadkami. Keďže žiaden z užívateľov nebude schopný to všetko čítať pokojne. Rýchlo unavené oči. Vyhľadávače tiež povedať, že text je užívateľsky príjemný.

Navyše, v posledných rokoch je tu veľký dôraz na použiteľnosť pre mobilných užívateľov. Tam odporúčanie vždy hovoril, že veľkosť písma by mala byť normálne, nie malé. Zvlášť silne ovplyvňuje referencie. Vďaka svojej malej veľkosti sa užívateľ bude ťažké používať navigácie na webe.

Do vyhľadávača "Google" je špeciálny nástroj, ktorý pomáha pri analýze. To je veľmi výhodné pre webmasterov.

Tu je príklad výsledkov, ktoré môžu byť.

Odporúča sa používať tieto tipy, pretože tieto kritériá ovplyvniť výsledky vyhľadávania.