Asetukset CSS: riviväli

CSS, väli linjat on erittäin helppo asentaa. Tätä varten on erityinen ominaisuus. Mutta tietysti on monia muita muuttujia, jotka ovat yleismaailmallisia, ja niitä voidaan soveltaa tekstin.

Jos säätöä ei tehdä, olet tarkoitus oletusarvot. voit muuttaa etäisyyttä haluttaessa. Arvo voi olla joko prosentteina tai pikseliä.

rivikorkeutta

CSS välinen etäisyys linjat voidaan osoittaa seuraavalla kuva.

Kuvassa näkyy parametrit vastaavat etäisyydet. Teksti on avaruudessa font-size. Huomaa, että tekstissä linja ei käynnisty tyvestä ja hieman korkeampi. Alla olevaan tilaan kirjaimia, jotka ovat pohja elementtejä (g, y, ja niin edelleen).

Huomaa, että väli lohkojen kirjasinkokoa kutsutaan johtava. HTML ja CSS tämä ominaisuus ei näy, mutta se on toinen graafinen ja tekstieditoreissa. Esimerkiksi Adobe Photoshop.

Yllä olevassa kuvassa, missä päin "Photoshop", voit määrittää johtava. Ja seuraavaksi määritelty kirjasinkokoa ympäristössä.

Esimerkkejä käyttäen line-height

CSS, etäisyys rivien välistä voidaan asettaa prosenttia. Havainnollistava esimerkki on esitetty alla.

Kun kyseessä ovat pienet arvot käyttäjän sivustosi on hankalaa lukea.

Etäisyys voi vaihdella ja koko fontti. Jos ero perusparametrit eroavat suuresti numerot, erotus kompensoidaan lisäämällä johtava.

vivahteet

CSS väli linjat voidaan mukauttaa eri luetelmakohdissa. Tarkastellaan esimerkiksi kuvassa.

Kun "Element" tässä tapauksessa on tekstiä. Pehmuste - Vanuna objektin sisällä, ja marginaali - sisennystä esineen. Border - tähän kehykseen. Se voi olla 0 pikseliä, ja se voi olla 100.

Seuraavassa kuvassa välittömästi marginaalit, runko ja korkeus riviä.

Jos sinulla on pieni tekstitiedosto, kaikki yhdellä rivillä, tai kukin rivi erillisessä kohdassa, etäisyyttä voidaan säätää välillä sisennetty kappaleiden. Se on Maring ja pehmusteet rivien välistä yhteen soluun ei ole vaikutusta. Ne luovat syvennys vain reunoilla kohteen. Object - koko tämän kappaleen sijasta linjat siinä. On tärkeää, ettei hämmentyä.

Tapauksissa, joissa suuri määrä rivejä, jotka kaikki sijaitsevat samassa objekti, fontti on suositeltavaa vaihtaa perusparametrit.

Miten lisätä etäisyyttä rivien välistä CSS

Välinen etäisyys rivin HTML, voit rekisteröityä mihinkään luokkaan tai kaikista tekstikappaleet. Jos annat näin: p {line-height: 20px; } - Sitten ehdottomasti kaikki kappaleet sivulla on jouset 20 pikseliä. Jos haluat eri paikoissa eri kokoja, on suositeltavaa tehdä seuraavasti.

Me määrätä tyylejä.

.class1 {line-height: 20px; }

.class2 {line-height: 16px; }

.class3 {line-height: 12px; }

Selvyyden vuoksi lisäämme kehyksen, niin näet, että se toimii. Tulevaisuudessa se on poistettava.

Seuraavaksi käytämme näitä luokkia. Tuloksena on seuraava.

On huomattava, että kolmannessa tapauksessa bändi ajoi tekstiin. Kaikki johtuu siitä, että fontti koko on suurempi kuin korkeus linjan. Siksi on tärkeää varmistaa, että tällaiset ristiriidat eivät olleet. Jos teet pienen rivikorkeuden vastaavasti vähentää fontin.

Sitä ei suositella tehdä liian vähän tekstiä ja pieni väli linjat. Koska yksikään käyttäjät eivät voi lukea kaiken rauhallisesti. Hän nopeasti väsyneitä silmiä. Hakukoneet myös sanoa, että teksti on käyttäjäystävällinen.

Lisäksi viime vuosina on vahva huomiota käytettävyyteen liikkuville käyttäjille. Siellä suositukset ovat aina sanonut, että fontti koon tulisi olla normaali, ei pieni. Erityisesti voimakkaasti se vaikuttaa viite. Niiden pieni koko käyttäjän on vaikea käyttää sivuston navigointi.

Hakukoneen "Google" on erityinen työkalu, joka auttaa analyysissä. Se on erittäin kätevä ylläpitäjät.

Tässä on esimerkki tuloksista, jotka voivat olla.

On suositeltavaa käyttää näitä vinkkejä, koska nämä kriteerit vaikuttavat hakutulosten.