|
|
Книги-onlineМежстрочное расстояние В CSS межстрочное расстояние определяется параметром line-height. Он задает расстояние не между строками, а между базовыми линиями строк. Проще говоря, если, например, взять букву "X" и напечатать ее последовательно друг под другом, то line-height будет равно расстоянию между двумя одинаковыми точками букв. Например, между точками пересечения палочек "Х": Посмотрим, как этот параметр влияет на взаимное расположение строк:
<p style="line-height:12pt;font-size:12pt;color:darkred;">
Этот параграф мы набрали кеглем 12 pt.
Этот параграф мы набрали кеглем 12 pt.
<p style="line-height:24pt;font-size:12pt;color:darkred;">
Этот параграф мы набрали кеглем 12 pt.
Этот параграф мы набрали кеглем 12 pt.
<p style="line-height:6pt;font-size:12pt;color:darkred;">
Этот параграф мы набрали кеглем 12 pt.
Этот параграф мы набрали кеглем 12 pt. Первый пример набран со значением line-height равным размеру кегля. Во втором примере значение line-height вдвое превышает размер кегля. В третьем примере значение line-height в два раза меньше размера кегля - строки стали "налезать" друг на друга. В связи с использованием line-height следует обратить внимание на применение in-line картинок на HTML-страницах. Под in-line картинкой здесь мы понимаем картинку, которая встроена в тело документа при помощи элемента IMG, но не с новой строки и не как элемент таблицы:
<p style= В эту строку мы встраиваем картинку - , которая изображает концентрические круги. Картинка имеет размеры 24х24 пикселя и выравнена по верхнему краю строки. Ее размер больше размера кегля (20px), поэтому межстрочное расстояние увеличено браузером автоматически.
<p style= В эту строку, которая имеет размер кегля 24рх, мы встраиваем картинку - , изображающую концентрические круги. Таким образом, можно точно позиционировать текст и графику в строке. В качестве примера можно использовать оглавление этого учебника. Внимание! Если у вас не получилось найти нужную информацию, используйте рубрикатор или воспользуйтесь поиском . книги по программированию исходники компоненты шаблоны сайтов C++ PHP Delphi скачать |
|