Eilučių tarpai, CSS, pagrindai

Šiandien mes analizuosime CSS eilučių tarpą. Ši savybė padeda supaprastinti tekstą. Taip pat dažnai naudojamas puslapio turinio dydžiui sumažinti. Konkrečiai kalbant apie labiausiai nepatyrusius, trumpas nukrypimas nuo problemos istorijos bus pateiktas žemiau. Taigi, toliau sužinosite, kaip nustatyti CSS eilučių tarpą.

Reikalinga informacija

CSS reiškia kaskadinį stiliaus lapą, kuris reiškia "pakopinio stiliaus lapus". Ši kalba naudojama interneto puslapių, kurie buvo parašyti žymėjimo kalba (pvz., HTML), kūrimui. Prieš CSS išvaizdą, dokumentų projektas buvo įdiegtas naudojant įterptus HTML žymas, tačiau jie buvo labai nepatogu ir užpildė visą kodą. Todėl buvo nuspręsta sukurti naują kalbą, kuri bus atsakinga už dizainą. Šiandien CSS ir HTML yra dvi neatskiriamos sąvokos. Kaskadų lentelių sintaksė yra labai paprasta, čia mes naudojame savybes ir jų reikšmes, pavyzdžiui, "fonas: raudona". Norėdami priskirti sritį, tiesiog įrašykite žymos (arba identifikatorių) pavadinimą prieš nuosavybę: "body {background: red; } ", O pati komanda yra tarp garbanžių petnešų. Kiekvienos įrašytos eilutės pabaigoje su charakteristikos aprašymu turėtų būti dedama kabliataškis, kitaip atsiras klaida.

Intervalai

Bet pakankamai įžanginių frazių, pradėkime verslą. Atstumas tarp eilučių nustatomas naudojant linijos aukščio savybes. Jis gali būti taikomas visiems elementams. Pati turtas yra paveldėtas, tai reiškia, kad vaikai nukopijuos intervalą iš savo tėvų. Pavyzdžiui, jei parašote šią komandą: body {line-height: 20px}, tada visi elementai puslapyje turi 20 taškų tarpą. Kaip vertę šis turtas gali naudoti bet kuriuos matavimo vienetus, žinomus CSS (elementai - pt, pikseliai - px, inches ir tt). Taip pat galite naudoti santykines vertes, pvz., Procentus arba daugintojus. Šiuo atveju CSS intervalas tarp eilučių bus apskaičiuojamas iš tėvų elemento. Numatytoji reikšmė yra raktinis žodis normalus.

Papildoma informacija

Kadangi kalbame apie intervalus, turėtume paminėti atstumą tarp raidžių. Norėdami nustatyti šią charakteristiką, CSS turi atskirą nuosavybę, ty atstumą tarp raidžių. Šios komandos principas yra panašus į linijos aukštį. Vienetai ir kitos vertybės yra vienodos. CSS tarpas tarp raidžių taip pat gali būti taikomas visiems elementams ir turi paramą visomis kalbomis. Turto naudojimo pavyzdys yra "h2 {letter-spacing: 10px; }). Jei priskirsite tarpą tarp kūno elemento raidžių, tada visi elementai paveldės šią charakteristiką (nebent vertė yra aiškiai pakeista).

Išvada

Reikėtų pažymėti, kad kai kurios naršyklės neteisingai apibrėžia CSS eilučių tarpą. Pavyzdžiui, IE programoje (iki 7.0 versijos) neteisingai apskaičiuojamas atstumas. Šiuo atveju reikėtų atsižvelgti į intervalo skirtumą. Naujesnėse šios naršyklės versijose klaida yra visiškai ištaisyta. Panaši problema kyla naudojant nuosavybę, norint nustatyti atstumą tarp raidžių. Visose kitose programose šios komandos yra apibrėžtos pagal W3C (World Wide Web konsorciumas).