Beállítások a CSS: sorköz

A CSS-ben a távolság a sorok között nagyon könnyen beállítható. Erre a célra egy speciális tulajdonság. De, persze, sok más paramétereket, amelyek az egyetemes és lehet alkalmazni, hogy a szövegben.

Ha nem történik beállítás, akkor az alapértelmezett értéket. meg lehet változtatni a távolságot, ha szükséges. Az érték lehet egy százalék vagy pixel.

sormagasság

A CSS távolság a sorok között lehet kimutatni a következő ábra.

A fenti kép mutatja a paramétereket megfelelő távolságok. A szöveg térben font-size. Vegye figyelembe, hogy a szövegrész nem indul meg a bázis és valamivel magasabb. Az alábbi helyre, hogy betűk, amelyek alsó elemek (G, Y, és így tovább).

Vegye figyelembe, hogy a tér a blokkok között font-size nevezhető úgynevezett vezető. A HTML és CSS ingatlan nem jelenik meg, de ez a többi grafikai és szöveges szerkesztők. Például az Adobe Photoshop.

A fenti ábrán, ahol a „Photoshop”, megadhatja vezető. És a következő meghatározott font-size beállítást.

Példák a line-magasság

A CSS-ben a távolság a sorok között lehet beállítani százalék. Egy szemléltető példát az alábbiakban.

Abban az esetben, kis értékek a felhasználó a webhely lesz kényelmetlen olvasni.

A távolság változtatható és a betűméret. Ha a különbség az alap paraméterek nagyban különböznek a számok, a különbség ellensúlyozni az vezető.

finomságok tervezés

A CSS távolság a sorok között még jobban személyre szabhatja a különböző francia. Tekintsük a példát az ábra mutatja.

A „Element” ebben az esetben lesz a szöveg. Padding - padding belül van, a tárgy, és a különbözet - a behúzás a tárgy. Border - ezt a keretet. Ez lehet 0 pixel, és lehet, hogy a 100.

Az alábbi képen azonnal minden margó, a keret és a magassága egy sor szöveget.

Ha van egy kis szöveg, minden egy sorban, vagy minden egyes sort egy külön bekezdésben, a távolság között állítható a behúzott bekezdések. Ez Maring és padding a sorok között egy cellában nem lesz hatása. Ők hozzák létre a behúzás csak a sarkoknál az objektum. Object - ez a teljes bekezdésre helyett vonalak is. Fontos, hogy ne összezavarodnak.

Azokban az esetekben, ahol nagy sorok számát, melyek mindegyike található ugyanaz a tárgy, a betűtípus ajánlott megváltoztatni az alapvető paramétereket.

Hogyan lehet növelni a távolságot a sorok között a CSS

A távolság a sorokat a HTML, akkor regisztráljon, hogy minden osztályban, vagy az összes bekezdések a szövegben. Ha megadod, mint ez: p {line-height: 20px; } -, akkor feltétlenül valamennyi bekezdésében az oldalon lesz húrok 20 pixel. Ha azt szeretnénk, különböző helyeken, különböző méretekben, akkor javasoljuk, hogy ezt a következő.

Írunk stílusokat.

.class1 {line-height: 20px; }

.class2 {line-height: 16px; }

.class3 {line-height: 12px; }

Az áttekinthetőség kedvéért hozzá egy keretet, így láthatja, hogy működik. A jövőben el kell távolítani.

Ezután használjuk ezeket osztályokba. Az eredmény a következő.

Megjegyezzük, hogy a harmadik esetben a zenekar hajtott a szöveget. Minden annak a ténynek köszönhető, hogy a betűméret nagyobb, mint a magassága a sor. Ezért fontos, hogy az ilyen konfliktusok nem voltak. Ha csinálsz egy kis vonal magassága, illetve csökkenti a font.

Nem ajánlott a túl kevés szöveget és egy kis távolság a sorok között. Mivel sem a felhasználók nem fogják tudni elolvasni az egészet nyugodtan. Gyorsan fáradt szemét. A keresőmotorok is mondják, hogy a szöveg felhasználóbarát.

Sőt, az utóbbi években nagy hangsúlyt fektetnek a használhatóságot a mobil felhasználók számára. Vannak javaslatok mindig azt mondta, hogy a betűméretet kell normális, nem is kicsi. Különösen erősen befolyásolja a referencia. A kis méretük a felhasználó lesz nehéz használni eligazodást.

A kereső a „Google” egy speciális eszköz, amely segít az elemzésben. Ez nagyon kényelmes webmesterek.

Itt egy példa az eredmények, hogy lehet.

Javasoljuk, hogy használja ezeket a tippeket, mert ezek a kritériumok befolyásolják az eredményt.