Riviväli, CSS, perusasiat

Tänään aiomme jäsentää CSS rivikorkeus välein. Tämä ominaisuus auttaa tekemään tekstin luettavuutta. Lisäksi sitä käytetään usein pienentää viemä sisältöä sivulla. Varsinkin noviisi alapuolelle lyhyesti harhauduttua historiasta kysymys annetaan. Niin, niin, opit asentaa CSS rivikorkeus välein.

tarvittavat tiedot

CSS tulee sanoista Cascading Style Sheet, joka käännettynä tarkoittaa "CSS". Tätä kieltä käytetään web-sivuja, jotka on kirjoitettu markup language (esim HTML). Ennen kynnyksellä CSS design asiakirja, joissa on sisäänrakennettu HTML-tunnisteita, mutta ne olivat erittäin epämiellyttäviä ja tulvia koko koodin. Sen vuoksi päätettiin luoda uusi kieli, joka vastaa rekisteröinnistä. Tänään, CSS ja HTML - on kaksi erottamattomia käsitteitä. Syntax CSS tyyli on hyvin yksinkertainen, se käyttää ominaisuuksia ja niiden arvoja, kuten «tausta: punainen». Määrittää laajuus, sinun tarvitsee vain kirjoittaa ominaisuuden tunnistetta (tai tunnuksen): «body {background: red; } "Mutta joukkue itse välissä olkaimet. Lopussa jokaisen rivin, jotka on tallennettu kuvaus ominaisuuksista olla puolipiste, muuten tapahtuu virhe.

väliajoin

Mutta tarpeeksi johdantoilmaisut, päästä asiaan. Rivivälit CSS-ominaisuuksia on asetettu käyttämällä line-height. Sitä voidaan soveltaa kaikkiin elementtejä. Ominaisuus itsessään on perinnöllinen, mikä tarkoittaa, että lapset kopioi väli vanhemmiltaan. Esimerkiksi, jos kirjoittaa seuraava komento: body {line-height: 20px}, niin kaikki elementit sivulla, linja väli on yhtä suuri kuin 20 pikseliä. Koska kiinteistön arvoa voidaan käyttää missä tahansa tunnetussa CSS yksikköä (erät - pt, pikseliä - px, tuumaa - in, jne ...). Toinen vaihtoehto on käyttää suhteellisen arvon tällaiset korot tai kertojia. Tässä tapauksessa, CSS-rivivälinä vähennetään emoelementin. Oletusarvo pidetään avainsanan normaali.

Lisätietoja

Koska puhumme väliajoin, on syytä mainita siitä välisestä etäisyydestä kirjaimia. Määrittää tämä ominaisuus CSS varattu erillinen ominaisuus, eli kirjain-väli. tämä komento on toiminnan periaate on samanlainen kuin line-height. Yksiköt muita arvoja saman. CSS-väli kirjaimia voidaan myös soveltaa kaikki elementit, ja sitä tukevat kaikki versiot kielen. Esimerkki ominaisuudet: «h2 {kirjain-väli: 10px; }". Jos antaa väli kirjaimia kehon elementtiä, niin kaikki elementit perivät tämän ominaisuuden (jos arvo ei ole erikseen ohitettu).

johtopäätös

On huomattava, että jotkin selaimet määrittämään oikein rivikorkeus CSS välein. Esimerkiksi, IE ohjelmasta (versio 7.0) virheellisesti laskee etäisyyden. Tällöin sinun pitäisi ottaa huomioon ero välein. Uudet versiot virhe on korjattu kokonaan selaimessa. Samanlainen ongelma kohdataan käytettäessä ominaisuudet välinen etäisyys määritetään kirjaimia. Kaikissa muissa ohjelmissa komentotietojen määräytyy W3C (World Wide Web Consortium).