Подешавања у ЦСС: растојање између линија

У ЦСС-у, растојање између линија је врло лако поставити. За то постоји посебна имовина. Али, наравно, постоје многи други параметри који су универзални и могу се применити на текст.

Ако ништа не урадите, подразумеване су вредности. Ако желите, можете да промените ову даљину. Вредност може бити или у процентима или у пикселима.

Висина реда

У ЦСС-у, растојање између линија може се показати на следећој слици.

Горња слика приказује параметре са одговарајућим растојањима. Текст се налази у простору величине фонта. Имајте на уму да линија текста не почиње на дну, али је мало већа. Простор испод је обезбеђен за слова која имају елементе одоздо (г, и и тако даље).

Имајте на уму да се простор између блокова величине фонта зове водеци. У ХТМЛ-у и ЦСС-у ова особина се не појављује на било који начин, али је у другим графичким и текстуалним уредницима. На пример, у Адобе Пхотосхопу.

Горња слика показује где у Пхотосхопу можете одредити водећу. Број показује величину фонта.

Примјери кориштења висине линије

У ЦСС-у, растојање између линија се може поставити у процентима. Илустративни примјер је наведен у наставку.

У случају мале вредности, кориснику вашег сајта ће бити непријатно за читање.

Удаљеност се може променити и величина фонта. Ако је разлика између главних параметара у бројкама веома различита, онда се ова разлика надокнађује повећањем вођења.

Суптилност дизајна

У ЦСС-у, растојање између линија се може додатно прилагодити разним алатима. Да размотримо пример на слици.

У пољу "Елемент" у нашем случају биће текст. Паддинг је удубљење унутар објекта, а маржа је удаљавање објекта. Граница је оквир. Може бити 0 пиксела, а можда и 100.

На следећој слици приказују се сви алати, оквир и висина текстуалне линије одједном.

Ако имате мали текст, све у једној линији, или сваку линију у одвојеном пасусу, тада се раздаљина може подесити тако што ћете одвојити између ових параграфа. То значи да маринг и паддинг између линија у једном елементу нема ефекта. Они само увлаче ивице објекта. Објект је цео пасус, а не линија у њему. Важно је да се овде не збуните.

У случајевима када постоји много линија, а све ово се налази у једном објекту, препоручује се да се фонт замијени главним параметрима.

Како повећати растојање између ЦСС линија

Удаљеност између линија ХТМЛ-а може бити додељена класи или свим ставовима у тексту. Ако то одредите: п {лине-хеигхт: 20пк; }, Тада апсолутно сви параграфи на страници имају линије од 20 пиксела. Ако вам требају различите величине на различитим местима, препоручује се да радите на следећи начин.

Пресцрибинг стилес.

.цласс1 {лине-хеигхт: 20пк; }

.цласс2 {лине-хеигхт: 16пк; }

.цласс3 {лине-хеигхт: 12пк; }

Ради јасноће, додаћемо оквир тако да можете да видите да то функционише. У будућности га мора уклонити.

Затим примените ове класе. Резултат је следећи.

Имајте у виду да је у трећем случају бенд погодио текст. Све због тога што је величина фонта већа од висине линије. Стога је важно осигурати да таквих противречности не постоје. Ако направите малу висину линије, онда смањите фонт према томе.

Не препоручује се превише текста и малих размака између линија. Пошто ниједан корисник не може читати све ово тихо. Очи ће се брзо уморити. Претраживачи такође кажу да је текст пријазен према кориснику.

Штавише, недавно постоји велики нагласак на погодности за кориснике мобилних уређаја. Тамо, препоруке увек кажу да величина фонта треба бити нормална, а не мала. Ово нарочито утиче на везе. Са малом величином, корисник ће имати потешкоћа у коришћењу навигације локације.

Претраживач "Гоогле" има посебан алат који помаже у овој анализи. Веома је погодан за вебмастере.

Ево примера резултата који могу бити.

Препоручљиво је користити своје савјете, пошто ови критерији утичу на резултат претраге.