Форматирование шрифта

Единицы измерения

Лекция № 2

Псевдостили гиперссылок

Псевдостили

Внесение таблицы стилей в отдельный файл

Таблицу стилей можно вынести в отдельный файл. Файл с таблицей стилей имеет расширение .css и может редактироваться любым текстовым редактором.

Задать расширение файлу можно точно так же, как и при создании файла с расширением html.

Таблицу стилей, вынесенную в отдельный файл, можно использовать в нескольких HTML-документах.

Отдельный файл с таблицей стилей прикрепляется к HTML-документу с помощью одинарного тега <link>: <link rel=“stylesheet” type=“text/css” href=“style.css”>

Псевдостили - определяют динамическое состояние элементов, которое изменяется со временем или с помощью действий пользователя, а также положение в дереве документа.

Синтаксис применения псевдостилей: Элемент:Псевдостиль { Описание правил стиля }

active -происходит при активации пользователем элемента. Например, при наведении курсора на ссылку и нажатии левой кнопки мыши.

ü link -применяется к непосещенным ссылкам.

ü hover -псевдостиль активизируется, когда курсор мыши находится в пределах элемента, но щелчка по нему не происходит.

ü visited -псевдостиль применяется к посещенным ссылкам.

Пример:

<html>

<head>

a:link { color: #036 } /* Цвет непосещенных ссылок */

a:visited { color: #606 } /* Цвет посещенных ссылок */

a:hover {color: #f00 } /* Цвет ссылок при наведении на них курсора мыши */

a:active { color: #ff0 } /* Цвет активных ссылок */

</style>

</head>

<body>

<a href="link1.html">Ссылка 1</a> |

<a href="link2.html">Ссылка 2</a> |

<a href="link3.html">Ссылка 3</a>

</body>

</html>

ЕДИНИЦЫ ИЗМЕРЕНИЯ

ФОРМАТИРОВАНИЕ ШРИФТА И ТЕКСТА

ОТСТУПЫ

Абсолютные единицы:

Пиксел (px);
Миллиметр (mm);
Сантиметр (cm);
Дюйм (in) – 1 in=2.54 cm;
Пункт (pt) – 1 pt=1/72 in;
Пика (pc) – 1 pc=12 pt.

Относительные единицы:

Процент (%);
Высота текущего шрифта (em);
Высота буквы “x” текущего шрифта (ex).
Для значения 0 можно не указывать единицы измерения.

1. Свойство font-family указывает приоритетный список шрифтов, используемых для отображения данного элемента или web-страницы.

o family-name (“Arial", “Times New Roman" или “Tahoma“).

2. Свойство font-styleпозволяет задать стиль шрифта. Он может принимать следующие значения:

normal – нормальный шрифт;
italic – курсивный шрифт;
oblique – наклонный шрифт.

3. Свойство font-sizeустанавливает размер шрифта.

4. Атрибут color позволяет задать цвет шрифта:

5. Атрибут font-weightпозволяет управлять жирностью шрифта. Может принимать следующие значения:

o 100, 200, …, 900 – значение 100 соответствует самому бледному шрифту, а 900 – самому жирному.

o normal – нормальный шрифт, соответствует значению 400.

o bold – полужирный шрифт, соответствует значению 700.