beonlinebyhp.com

Собствениците на малък бизнес с фон за печат ще са запознати с термина водещ, който се отнася до разстоянието между редовете на текста. Когато създавате HTML страница, еквивалентът на водещ е CSS свойството “line-height”, използвано за задаване на размера на интервала между всеки ред. Височината на линията може да бъде зададена на фиксирана височина, например 12 пиксела, или като процент от размера на шрифта, например 120 процента. Задаването на стойността на „нормално“ връща редовия интервал обратно към стойността по подразбиране.

1

Отворете приложение за уеб дизайн или текстов редактор и създайте нова HTML страница или отворете съществуваща.

2

Добавете следния код към тялото на уеб страницата:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris condimentum pulvinar pulvinar. Suspendisse eros nulla, sodales ut tincidunt sit amet, facilisis id dui. Donec pharetra euismod mattis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

3

Добавете следната таблица със стилове CSS към раздела на страницата:

Това правило на CSS се отнася за div с идентификатора „exampleText“, задаващ ширината на 400 пиксела и размера на шрифта на 14 пиксела, показващ абзаца на текст над няколко реда. Запазете страницата и след това отворете в уеб браузър, за да видите резултата.

4

Добавете следното ново CSS правило към таблицата със стилове в страницата:

височина на линията: 200%; 

}

Това правило ще промени разстоянието между редовете на абзаца до 200% от размера на шрифта, в този случай 28 пиксела. Ако размерът на шрифта се промени, междуредието автоматично ще се промени пропорционално. Запазете страницата и презаредете във вашия уеб браузър, за да видите ефекта на свойството за разстояние между редовете.

5

Променете настройката за височина на линия на 20 пиксела, както следва:

височина на линията: 20px; 

}

Това задава постоянно разстояние от 20 пиксела между редовете на текста, независимо от размера на шрифта на текста. Запазете страницата и опреснете в браузъра си, за да видите новия интервал между редовете.