Miten säätää riviväliä CSS?

Teksti tänään vielä on pääasiallisin toimitettuja tietoja suuri World Wide Web. Siksi sen valvoa ulkonäkö kiinnitettävä erityistä huomiota. Yksi tärkeä ominaisuus riviväliä, joka määrittää linjojen välisestä etäisyydestä. Jos et ole koskaan tavannut tätä sääntöä, olet todennäköisesti koskaan työskennellyt CSS. Loppujen lopuksi tämä on tyyli kieli tarjoaa käytettävissä komennot muuttaa kaikki tärkeät ulkoiset ominaisuudet tekstin. Tällainen sääntö tukevat kaikki modernit selaimet ja vakiona kaikissa versioissa CSS (CSS: CSS).

sääntö

CSS, riviväliksi asetetaan yksinkertaisella line-height joukkue. Tallennus tapahtuu tavalliseen tapaan. Arvo voidaan määrittää mikä tahansa ei-negatiivinen kokonaisluku. Jos se on todennut: «line-height: -4px,», komento ohitetaan. Voit määrittää arvon: «normaali» tai «perivät». Ensimmäinen on käyttää automaattista asetusta välin, joka määritetään riippuen ja koko valitun fontin. Tällöin välimatka siimoja selaimen itse. Riviväli voi olla mikä tahansa arvo, joka periytyy "emo" tag arvo «perivät».

arvo

Kaikki arvot eri standardi komentoja voidaan jakaa kahteen luokkaan: suhteellinen ja absoluuttinen. CSS voit hallita riviväliä väli joustavien liitosten avulla erilaisia ja helpompi tapoja muokata. Absoluuttisten arvojen kuuluvat kaikki tunnetut yksikön pituudesta, joita käytetään CSS. Luettelo sisältää: in (tuumaa), pt (pistettä), px (pikseliä), ja muut. Lähtölaskenta aikaväli on valmistettu peruslinjan fontin. Jos me kirjoittaa sääntö: «line-height: 10px;», riviväli on aina yhtä suuri kuin 10 pikseliä. Tällainen menetelmä on ihanteellinen, kun haluat täsmällisen alue tietyn fontin. Mutta älä unohda, että kaikki eri näytön laajentamiseen. Ja jos olet sellaisella etäisyydellä näyttää hyvältä, se ei tarkoita, että jokaisella on sama vaikutus. Esimerkiksi, liikkuva iso linjan välit voivat aiheuttaa suuria hankaluuksia.

suhteelliset arvot

Ongelman ratkaisemiseksi on erilainen laajennus näytön, voit käyttää suhteellisia arvoja. Yleisimmin käytetty prosenttiosuus. Arvo tässä tapauksessa asetetaan suhteellisen fontin korkeus. Esimerkiksi määrittämällä «line-height: 150%;" saamme väli, puoli-Large Medium kirjaimia. 100% on korkeus fontti. Kokenein kehittäjät suosittelevat käyttö on arvojen suhteen. Joten säästät itseään ja käyttäjiä ongelmista liittyy eri laajennus näytön.

johtopäätös

Jos käytät muuta kuin tavanomaista fonttia, ja olet tärkeä on hyvin määritelty riviväliin valitse absoluuttisia arvoja. Kaikissa muissa tapauksissa on toivottavaa luoda prosenttiosuuden omaisuutta. Kun sinun täytyy tehdä yksilöllinen aikaväli tietylle alueelle asiakirjan, käytä id-tunnisteita tai valitsimia. Näin sinun ei tarvitse asettaa rivivälin koko dokumentin.