CSS по шагам



         

Пример 6.2. Использование классов


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<style type="text/css">

.cite {

color: navy; /* Синий цвет текста */

 font-style: italic /* Курсивное начертание */

}

</style>

</head>

<body>

<p>Следует тщательно позаботиться о своем рабочем месте. Освещение в помещении отрегулировать таким образом, чтобы источник света находился сбоку или сзади оператора. Во избежании медицинских осложнений

<b class="cite">стул рекомендуется выбирать с мягким сидением</b>.</p>

</body>

</html>

Результат применения селектора с именем cite к тегу <B> показан ниже.

Следует тщательно позаботиться о своем рабочем месте. Освещение в помещении отрегулировать таким образом, чтобы источник света находился сбоку или сзади оператора. Во избежании медицинских осложнений стул рекомендуется выбирать с мягким сидением.

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




Содержание  Назад  Вперед