Изменение отступа между строками

Дата добавления: 2015-07-09; просмотров: 871; Нарушение авторских прав

line-height – изменяет междустрочный интервал.

Чтобы получить двойной или тройной интервал, надо присвоить свойству line-height значении 2 или 200%, 3 или 300%. Чтобы уменьшить расстояние между строками, можно использовать отрицательные значения. Так же можно указывать интервал в пикселях.

В примере 3: в тексте, расположенном внутри класса copy, двойной интервал между строками, а внутри тега <cite> - интервал меньше обычного.

Пример 3:

<html>

<head>

.copy {

font-size: 12px;

line-height: 2;

}

p, cite {

font-size: 12px;

line-height: 14px;

}

</style>

</head>

Задания к лабораторной работе:

1. Создайте HTML-документ, в котором определите тип шрифта для трех заголовков разного размера. Для обычного текста задайте тип шрифта путем создания класса.

2. Создайте HTML-документ, в котором определите для трех заголовков разного размера размер шрифта, используя абсолютное выражение, задание размера по отношению к размеру родительского элемента и в процентах. Так же определите размер шрифта для последующего обычного текста.

3. Создайте HTML-документ, в котором оформите текст с помощью стиля как курсив, наклонный, обычный и выделите несколько фрагментов текста как полужирный. Для оформления заголовка текста используйте определение стиля Small caps.

4. Создайте HTML-документ, в котором используя свойство font запишите все элементы шрифта в одном определении и отобразите их в тексте.

5. Создайте HTML-документ, где в первом абзаце выделите несколько слов, в которых будет увеличен отступ между буквами и несколько слов, где уменьшен. В другом абзаце увеличьте и уменьшите отступ между некоторыми словами. И в третьем абзаце именитее отступ между строками (+ и -).

Теоретические вопросы:

1. Как происходит управление шрифтом с помощью таблиц стилей CSS?

2. Какие бывают типы шрифта и как они используются?

3. Какие существуют способы для определения размера шрифта?

4. В чем отличие курсива от наклонного текста, как они задаются с помощью CSS?

5. Как определить толщину шрифта с помощью таблиц стилей CSS?

6. Для чего используется Small caps?

7. Каким образом в правиле определяется несколько атрибутов одновременно?

8. Как происходит управление текстом с помощью таблиц стилей CSS?

<== предыдущая лекция	\|	следующая лекция ==>
Определение кернинга	\|	Познакомиться с объектами и режимами работы ACCESS.