Основы Web-инжиниринга. Часть 1. Громов Ю.Ю - 68 стр.

UptoLike

ВУЗ: 

ТГТУ | Тамбов

Составители: 

Рубрика: 

Рис. 53
Отрицательные значения атрибутов – это нормальная практика CSS. Там, где применение отрицательного значения оп-
равдано, например, в случае смещения вложенного блока текста относительно охватывающего элемента разметки, можно
указывать отрицательные атрибуты смещения.
Кроме text-indent в CSS для оформления первой строки параграфа зарезервирован модификатор стиля first-
line. Он позволяет не только задать горизонтальное смещение, но и определить другие параметры параграфа:
P:first-line { color:red; }
Еще один параметр, который влияет на отображение первой строки параграфа, – первая буква первой строки. Ее ото-
бражением управляет модификатор first-letter:
P:first-letter { font-size:20pt; }
К сожалению, оба названных модификатора реализованы не во всех версиях браузеров, поэтому для верности приме-
няют элементы разметки FONT и TABLE.
3.12.5. Межстрочное расстояние
В CSS межстрочное расстояние определяется параметром line-height. Он задает расстояние не между строками, а
между базовыми линиями строк. Если, например, взять букву "н" и напечатать ее последовательно друг под другом, то
line-height будет равно расстоянию между двумя одинаковыми точками букв (рис. 54).
Рис. 54
Посмотрим, как этот параметр влияет на взаимное расположение строк (рис. 55):
<P STYLE="line-height:12pt;font-size:12pt; color:black;">
Этот параграф мы набрали кеглем 12 pt. Line-height задан в 12 pt.</p>
<P STYLE="line-height:24pt;font-size:12pt; color:black;">
Этот параграф мы набрали кеглем 12 pt. Line-height задан в 24 pt.</P>
<P STYLE="line-height:6pt;font-size:12pt; color:black;">
Этот параграф мы набрали кеглем 12 pt. Line-height задан в 6 pt.</P>
Рис. 55
Первый пример набран со значением line-height, равным размеру кегля. Во втором примере значение line-
height вдвое превышает размер кегля. В третьем примере значение line-height в два раза меньше размера кегля –
строки стали "наползать" друг на друга.

Страницы