Лекция: Освещение в помещении отрегулировать таким образом, чтобы источник света находился сбоку или сзади оператора. Во избежании медицинских осложнений
<b class=«cite»>стул рекомендуется выбирать с мягким сидением</b>.</p>
</body>
</html>
Результат применения селектора с именем cite к тегу <B> показан на рис. 3.2.
Рис. 3.2. Вид тега <B>, оформленного с помощью стилей
Классы удобно использовать, когда нужно применить стиль к разным тегам веб-страницы: ячейкам таблицы, ссылкам, параграфам и др. Для изменения отдельных слов или даже букв, а также блоков, содержащих в себе разные элементы, употребляются теги <SPAN> и <DIV>. В примере 6.3 показано изменение стиля первой буквы предложения путем использования класса совместно с тегом <SPAN>.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" «www.w3.org/TR/html4/strict.dtd»>
<html>
<head>
<meta http-equiv=«Content-Type» content=«text/html; charset=windows-1251»>
<title>Классы</title>
<style type=«text/css»>
.inicial {
color: red; /* Красный цвет текста */
font-size: 200%; /* Размер текста */
}
</style>
</head>
<body>
<p><span class=«inicial»>Н</span>абирать на клавиатуре следует подушечками пальцев короткими отрывистыми ударами.</p>
</body>
</html>
Результат данного примера показан на рис. 3.3.
Рис. 3.3. Результат использования классов