Определение классов для создания тегов

Использование селектора класса позволяет устанавливать независимые стили, которые потом можно применить к любому HTML-тегу (рис. 9).

Рис.9. Общий синтаксис CSS-класса

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

Правила класса можно определять внутри тега <style>…</style> в заголовке документа или во внешнем CSS-файле, который затем связывается с HTML-документом.

Определение селектора класса:

1. Введите имя класса с предваряющей его точкой (.), затем откройте определение с помощью фигурной скобки ({). Имя класса может быть любым, но оно должно содержать только буквы и цифры:

.copy {

Поскольку класс copy независимый, его можно использовать с любым HTML-тегом, однако установленные для класса свойства должны поддерживаться типом применяемого тега.

2. Напишите определения этого класса и убедитесь, что они разделены точкой с запятой:

font-size: 12px;

line-height: 150%;

font-family: “Trebuchet MS”, Arial, sans-serif;

3. Завершите правило закрывающей фигурной скобкой:

}