A CSS vonal-magassági tulajdonság használata a CSS vonal-távolság megszerzéséhez
Ismerje meg, hogyan használhatja a CSS-stílus tulajdonságsor-magasságát, így befolyásolhatja a weboldalain lévő sortávolságot.
A CSS vonal közti távolság értékei
A CSS sortávolságot befolyásolja a CSS-stílus tulajdonságvonal-magassága. Ez a tulajdonság öt különböző értéket vesz igénybe:
- normál: a böngésző meghatározza a betűmérethez kapcsolódó sorok távolságát. Ez általában ugyanaz, mint a betűméret vagy kissé nagyobb (mint 20%).
- öröklés: a vonal távolságot a szülőelem vonalátöl kell venni. Tehát, ha a testcímke vonalmagasságát 30% -kal nagyobbra állítja, mint a betűméret és az azon belüli bekezdéscímkék, amelyek öröklődnek, akkor a betűmérethez képest 30% -kal nagyobb vonalmagasságú is lesz.
- egy szám: Ha a vonalmagasság értékének nincs mértékegysége, akkor azt a szorzó betűméretének szorzójaként tekintik. Így az 1,25 vonalmagasság 25% -kal nagyobb, mint a betűméret.
- hossza: Ha a vonalmagasság értékének egy mértékegysége van, akkor a pontos helynek kell lennie a vonalak között. Így 1,25 mm-es lenne az 1,25 milliméteres vonalat.
- százalék: Ha a vonalmagasság százalékos, akkor a betűméret százalékos aránya lenne. Tehát a 125% -os vonalmagasság 25% -kal nagyobb, mint a betűméret.
Melyik értéket kell használni a CSS vonalközponthoz
A legtöbb esetben a legmegfelelőbb választás az, ha hagyja az alapértelmezett értéket - vagy a "normál" értéket. Ez általában a leginkább olvasható és nem követeli meg, hogy bármi különöset tegyen. De a sortávolság megváltoztatásával a szöveg más érzetet kaphat.
Ha a betűméreted ems vagy százalékos, akkor a vonalmagasságot is meg kell határozni. Ez a vonalvezetés legrugalmasabb formája, mivel lehetővé teszi az olvasó számára a betűkészletek átméretezését, és ugyanazt a arányt tartja a vonalszakaszon.
A nyomtatási stíluslapok vonalmagasságának beállítása pont (pt) értékkel. A pont egy nyomtatási méret, ezért a betűméreteknek pontokban is kell lenniük.
Nem szeretném használni a számválasztást, mert azt találtam, hogy ez a leginkább zavaró az emberek számára. Sokan azt hiszik, hogy a szám abszolút méretű, és így hatalmas. Például 14px-es betűtípust állíthat be, majd a vonalmagasságot 14-re állítja - ami hatalmas rést eredményez a sorok között - mivel a sorok távolsága a betűméret 14- szerese .
Mennyi helyet használjon az Ön vonalátávolságához?
Amint fent említettem, javaslom az alapértelmezett sortávolság használatát, hacsak nincs konkrét oka megváltoztatni. A sortávolság megváltoztatása különböző hatásokkal járhat:
- A nagyon szoros szöveg nehezen olvasható. De a kis vonalterek befolyásolhatják a szöveg hangulatát. Ha a szöveget összeválogatják, akkor a szöveg értelme sötétebbé vagy feszültbbé válhat.
- A távolabbi szöveg nehezen olvasható. De a széles sávok miatt a szöveg folyékonyabbá és folyékonyabbá válik.
- A sortávolság megváltoztatása olyan szöveget hozhat létre, amely egyébként nem illeszkedne a térbe, kompaktabbá válik, vagy több helyet foglal el a terveiben.