Класс
Описание
Классы применяют, когда необходимо определить стиль для одного или нескольких элементов веб-страницы. Элементы при этом могут быть разными, но иметь частично или полностью похожие элементы оформления. В коде HTML имя класса определяется через атрибут class.
Синтаксис
тег.Имя класса { Описание правил стиля }
or
.Имя класса { Описание правил стиля }Пример
<!DOCTYPE html>
<html lang='ru'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title>Document</title>
</head>
<body>
<style>
.test {
color: red;
}
</style>
<p>
Далеко-далеко за <span class='test'>словесными</span> горами в стране гласных и согласных живут <span class='test'>рыбные тексты.</span>
</p>
</body>
</html>Читайте также
Свойство grid-template-rows
Определяет строки сетки с помощью списка значений разделённого пробелами. Значения представляют из себя размер трека, а пробелы между ними представляю...
Свойство background-size
Масштабирует фоновое изображение, согласно заданным размерам....
Свойство color-scheme
Позволяет элементу указать, в каких цветовых схемах он может удобно отображаться.
Обычный выбор цветовых схем операционной системы: «светлый» и...
Универсальный селектор
Иногда требуется установить одновременно один стиль для всех элементов веб-страницы, например, задать шрифт или начертание текста. В этом случае помож...