Riviväli, CSS, perusteet

Tänään keskustelemme interlineaCSS: n välein. Tämä ominaisuus auttaa tekemään tekstin luettavammaksi. Sitä käytetään usein myös pienentämään sivun sisällön kokoa. Varsinkin kaikkein kokemattomimpiin kysymyksiin tulee lyhyesti lyhyt kysymys historian ongelmasta. Joten seuraavaksi opit CSS: n rivivälien määrittämiseen.

Tarvittavat tiedot

CSS tarkoittaa Cascading Style Sheet,joka tarkoittaa "CSS-tyyliarkeja". Tätä kieltä käytetään sellaisten verkkosivujen suunnitteluun, jotka on kirjoitettu merkintäkielellä (esimerkiksi HTML). Ennen CSS: n ulkoasua asiakirjojen suunnittelu asennettiin upotetuilla HTML-tunnisteilla, mutta ne olivat erittäin hankalia ja täyttivät kaiken koodin. Sen vuoksi päätettiin luoda uusi kieli, joka vastaa suunnittelusta. Nykyään CSS ja HTML ovat kaksi erottamatonta käsitystä. Kaskadataulukoiden syntaksi on hyvin yksinkertainen, tässä käytetään ominaisuuksia ja niiden merkityksiä, esimerkiksi "tausta: punainen". Sovelluksen määrittämiseksi kirjoitat tunnuksen (tai tunnisteiden) nimen ennen ominaisuutta: "body {background: red; } ", Ja komento itsessään on sijoitettu kiharaisten telineiden väliin. Jokaisen tallennetun rivin lopussa, jossa on kuvaus ominaisuudesta, on oltava puolipiste, muuten virhe esiintyy.

väliajoin

Mutta tarpeeksi johdantolauseita, päästään liikkeelle. Riviväli asetetaan rivin korkeusominaisuuden avulla. Se voi koskea kaikkia elementtejä. Itse omaisuus on peritty, mikä tarkoittaa sitä, että lapset kopioivat välein vanhemmiltaan. Jos esimerkiksi kirjoitat seuraavan komennon: body {line-height: 20px}, niin kaikilla sivulla olevilla elementeillä on 20 pikselin riviväli. Arvona tämä ominaisuus voi käyttää kaikkia CSS: ssä tunnettuja mittayksiköitä (pistettä - pt, pikseliä - px, tuumaa jne.). Voit myös käyttää suhteellisia arvoja, kuten prosentteja tai kertoimia. Tässä tapauksessa, CSS-rivivälinä vähennetään emoelementin. Oletusarvo on avainsana normaali.

Lisätietoja

Koska puhumme välein, kannattaamainitse kirjainten välinen etäisyys. Tämän ominaisuuden määrittämiseksi CSS: llä on erillinen ominaisuus, nimittäin kirjainväli. Tämän komennon periaate on samanlainen kuin linjan korkeus. Yksiköt ja muut arvot ovat samat. CSS-välimatka kirjainten välillä voidaan myös soveltaa kaikkiin elementteihin, ja sillä on tuki kaikilla kieliversioilla. Esimerkki kiinteistön käytöstä on "h2 {letter-spacing: 10px; } ». Jos määrität kehon elementtien kirjainten väliin, kaikki elementit perivät tämän ominaisuuden (ellei arvoa nimenomaisesti ole remapped).

johtopäätös

On huomattava, että jotkut selaimetmääritä virheellisesti CSS: n riviväli. Esimerkiksi IE-ohjelma (enintään versioon 7.0) laskee väärin etäisyyden. Tällöin on otettava huomioon ero- tusväli. Uuden version selaimessa vika on täysin kiinteä. Samankaltainen ongelma ilmenee, kun käytät ominaisuutta kirjainten välisen etäisyyden määrittämiseen. Kaikissa muissa ohjelmissa nämä ryhmät on määritelty W3C: n (World Wide Web Consortium) mukaisesti.