Если необходимо, чтобы определенный фрагмент текста отличался от другого, можно создать свой собственный тег. Каждый тип форматирования, который мы таким образом оформляем, называется стилевым классом.
Класс определяет разновидность стиля, к которому Вы обращаетесь в определенном теге, используя атрибут class.
Например, можно определить 3 разновидности стиля одного элемента и использовать каждый из них в соответствующем контексте. При определении класса к нужному тегу добавляется произвольное имя класса, отделяемое точкой.
<style>
h1.blue{color:”blue”}
h1.red{color:”red”}
h1.black{color:”black”}
</style>
Теперь при использовании тега <H1> в документе необходимо установить атрибут CLASS, чтобы указать, какой именно стиль нужно применить: <h1 class=”red”> текст </h1>.
Можно создать класс без указания имени элемента. Например: .my{color:”#00ff00”}
Применяется он тогда к разным элементам. Например:
<p class=”my”>
<h2 class=”my”>
Задание 5
1. Для страниц проектов для текста с контактными данными внизу страницы создайте три разных стилевых класса: blue, red, black.
· Для blue: ‑ Tahoma, цвет шрифта ‑ синий, размер шрифта – 10pt.
· Для red: имя шрифта «Tahoma», цвет шрифта красный, размер шрифта – 10pt.
· Для black: имя шрифта «Tahoma», цвет шрифта черный, размер шрифта – 10pt.
2. Проверьте работоспособность внутреннего стиля. Результат на рис. 2.
Рис. 2. Использование стилевых классов
