Свойство 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 с именем селектора.