Razmik med vrsticami, CSS, osnove

Danes bomo analizirali razmik vrstic CSS. Ta lastnost pripomore k večji berljivosti besedila. Prav tako se pogosto uporablja za zmanjšanje velikosti vsebine na strani. Še posebej za najbolj neizkušene, bo spodaj prikazano kratko izmikanje o zgodovini vprašanja. Nato se boste naučili nastaviti razmik vrstic CSS.

Zahtevane informacije

CSS pomeni Cascading Style Sheet, kar pomeni "kaskadne liste slogov". Ta jezik se uporablja za oblikovanje spletnih strani, ki so bile napisane v označevalnem jeziku (na primer, HTML). Pred pojavom CSS je bil dizajn dokumentov nameščen z uporabo vgrajenega HTML oznake, vendar so bili zelo neudobni in napolnili vso kodo. Zato se je odločilo ustvariti nov jezik, ki bo odgovoren za načrtovanje. Danes sta CSS in HTML dva neločljiva koncepta. Sintaksa kaskadnih tabel je zelo preprosta, tukaj uporabljamo lastnosti in njihove pomene, na primer "ozadje: rdeče". Če želite dodeliti obseg, preprosto vnesite ime oznake (ali identifikatorjev) pred lastnostjo: "telo {ozadje: rdeče-}", in ukaz je nameščen med zavihanimi zaponkami. Na koncu vsake posnete linije z opisom lastnosti je treba postaviti podpičje, sicer se bo pojavila napaka.

Intervali

Toda dovolj uvodnih fraz, spustimo se k poslu. Razmik med vrsticami CSS je nastavljen z uporabo lastnosti linijske višine. Uporablja se lahko za vse elemente. Lastnost je podedovana, kar pomeni, da bodo otroci kopirali interval od staršev. Če na primer napišete naslednji ukaz: telo {line-height: 20px}, imajo vsi elementi na strani premik vrstic 20 pikslov. Kot vrednost lahko ta lastnost uporabi vse merske enote, znane v CSS (točke - pt, piksli - px, palcev - itd.). Uporabite lahko tudi relativne vrednosti, kot so odstotki ali množitelji. V tem primeru se interval CSS med vrsticami izračuna iz matičnega elementa. Privzeta vrednost je ključna beseda normalno.

Dodatne informacije

Ker govorimo o intervalih, moramo omeniti razdaljo med črkami. Za določitev te lastnosti ima CSS ločeno lastnost, in sicer črkovni razmik. Načelo tega ukaza je podobno višini linije. Enote in druge vrednosti so enake. CSS-razmik med črkami se lahko uporablja tudi za vse elemente in ima podporo v vseh različicah jezika. Primer uporabe lastnosti je "h2 {letter-spacing: 10px; } ». Če dodelite interval med črkami za element telesa, potem vsi elementi podedujejo to značilnost (razen če je vrednost izrecno spremenjena).

Zaključek

Upoštevati je treba, da nekateri brskalniki napačno definirajo razmik vrstic CSS. Na primer, program IE (do različice 7.0) napačno izračuna razdaljo. V tem primeru je treba upoštevati razliko v intervalu. V novejših različicah tega brskalnika je napaka popolnoma popravljena. Podobna težava se zgodi, če uporabite lastnost, da določite razmik med črkami. V vseh drugih programih so te skupine opredeljene v skladu z W3C (World Wide Web Consortium).