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ő határozza meg a betűmérethez kapcsolódó sorok közötti távolság értékét. Ez általában ugyanaz, mint a betűméret vagy kissé nagyobb (mint 20%).
- Örököl: a vonal távolságot a szülőelem vonalátávolságábó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 a vonalmagasság betűméretének szorzója. Így az 1,25 vonalmagasság 25% -kal nagyobb, mint a betűméret.
- A 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.
- A százaléka: 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 elhagyja az alapértelmezett vagy "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énk használni a számválasztást, mert azt találtuk, 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ípussal lehet beállítani, majd a vonalszintet 14-re állítja, ami hatalmas hézagokat eredményez a sorok között, mivel a sorok távolsága 14 alkalommal a betűméret.
Mennyi helyet használjon az Ön vonalátávolságához?
Amint azt korábban említettük, javasoljuk az alapértelmezett sorok 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 sűrűbbé 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.
