Лекция: line-height

Свойство line-height используется для того, чтобы изменить размер межстрочного интервала.

Возможные значения:

— normal — значение по умолчанию. Высота межстрочного интервала зависит от размера и вида шрифта и вычисляется браузером автоматически.

— число-множитель — любое положительное число, отличное от нуля, браузером воспринимается как значение, на которое нужно умножить размер текущего шрифта и результат будет считаться размером межстрочного интервала.

— высота — вкачестве значения межстрочного интервала можно использовать любые стандартные единицы длины: пикселы (px), дюймы (in), пункты (pt) и т.п.

— процент % — вкачестве значения межстрочного интервала можно указывать процентное значение. Процент будет вычисляться от размера шрифта (он принимается за 100%).

— inherit — зимствует значение свойства у родительского элемента.

Пример

p {line-height: 1.2em}

P { line-height: 1.5}

P { line-height: 0.9em;}

text-align — положение текста

Возможные значения:

left — текст слева

right — текст справа

center — текст по центру

justify — текст «растянут» по ширине

ПРИМЕР:

text-align:right

text-indent — отступ первой строки текста

Применяется ко всем блочным элементам, ячейкам таблиц.

Величина отступа задается одним из стандартных способов (em, ex, cm, pt и т.д.)

При указании отрицательного значения, первая строка будет выступать над остальными строками.

ПРИМЕР:

text-indent:30 em

<DIV>

Элемент <DIV> является блочным элементом и предназначен для выделения фрагмента документа с целью изменения вида содержимого.

Как и при использовании других блочных элементов, содержимое тега <DIV> всегда начинается с новой строки. После него также добавляется перенос строки.

<div>...</div>

Параметры:

align = «left| right| center| justify» — задает выравнивание содержимого тега <DIV>.

title =«текст» — добавляет всплывающую подсказку к содержимому. Добавляет поясняющий текст к контейнеру <DIV> в виде всплывающей подсказки, которая отображается, когда курсор мыши задерживается на содержимом. Текст должен заключаться в двойные или одинарные кавычки.

<SPAN>

Тег <SPAN> предназначен для определения встроенных элементов документа.

В отличие от блочных элементов, таких как <TABLE>, <P> или <DIV>, с помощью тега <SPAN> можно выделить часть информации внутри других тегов и установить для нее свой стиль.

Например, внутри параграфа (тега <P>) можно изменить цвет и размер первой буквы, если добавить начальный и конечный тег <SPAN> и определить для него стиль текста. Чтобы не описывать каждый раз стиль внутри тега, можно выделить стиль во внешнюю таблицу стилей, а для тега добавить параметр class или id с именем селектора.