Користење на CSS Line-Height сопственост за да се добие CSS линија Растојание
Научете како да ја користите висината на линијата со висина на стилот на CSS за да влијаете на растојанието помеѓу линиите на вашите веб-страници.
Вредности на растојанието на линиите на CSS
Растојанието помеѓу CSS линии е под влијание на висината на висината на висината на стилот CSS. Овој имот има до 5 различни вредности:
- нормално: прелистувачот одредува вредност за проредот на линиите што е поврзан со големината на фонтот. Ова е обично иста како и големината на фонтот или малку поголема (како 20%).
- Наследете: проредот на линиите треба да се земе од растојанието помеѓу родителскиот елемент. Значи, ако ја поставите висината на линијата на вашата телесна ознака на 30% поголема од големината на фонтот и внатрешните ознаки на пасуси кои се поставени да наследат, тие исто така ќе имаат висина од 30% поголема од големината на фонтот.
- број: Ако вредноста на висината на линијата нема единица мерка, се смета дека е множител на големината на фонтот за висината на линијата. Така, линијата-висина од 1,25 би била 25% поголема од големината на фонтот.
- должина: Ако вредноста на висината на линијата има единица мерка, тоа е точната количина на простор што треба да постои меѓу линиите. Значи, 1.25mm ќе резултира со линии 1,25 милиметри.
- процент: Ако висината на линијата е процент, тоа би бил процент од големината на фонтот. Значи, висината на линијата од 125% би била 25% поголема од големината на фонтот.
Која вредност треба да ја користите за растојание на линиите на CSS
Во повеќето случаи, најдобриот избор за проред на линии е да го оставите на стандардно - или "нормално". Ова е генерално најчитано и не бара да направите нешто посебно. Но, менувањето на проредот на линија може да му даде на вашиот текст различно чувство.
Ако вашата големина на фонтот е дефинирана како ems или проценти, вашата линија-висина исто така треба да се дефинира на тој начин. Ова е најфлексибилна форма на проред на линии, бидејќи на читателот му овозможува да ја менуваат големината на фонтовите и да го задржат истиот сооднос на вашиот проред.
Поставете ја висината на линијата за листови со стил на печатење со точка (pt) вредност. Поентата е мерка за печатење, и така вашите големини на фонтот треба да бидат и во поени.
Не ми се допаѓа да го користам изборот за број, бидејќи открив дека е најзапорно на луѓето. Многу луѓе мислат дека бројот е апсолутна големина, и така тие го прават тоа огромно. На пример, можеби имате фонт поставен на 14 пиксели, а потоа ќе ја поставите висината на линијата до 14 - што резултира со огромни празнини помеѓу линиите - бидејќи проредот на линиите е поставен на 14 пати поголема од големината на фонтот.
Колку простор треба да го користите за растојанието помеѓу вашата линија
Како што споменав погоре, препорачувам да го користите стандардниот проред на линии, освен ако немате конкретна причина да ја промените. Промената на проредот на линиите може да има различни ефекти:
- Текстот што е многу тесен заедно може да биде тешко да се прочита. Но, малите линии може да влијаат на расположението на текстот. Ако текстот е скршен заедно, тој може да го направи смислата на текстот потемна или понапонска.
- Текстот што е подалеку, исто така, може да биде тешко да се прочита. Но, широки линии го прави текстот да изгледа потежок и течен.
- Промената на проредот на линиите може да направи текст што инаку не би одговарал во просторот да биде покомпактен или да заземе повеќе простор во вашите дизајни.