CSS-класс (CSS class) — это название, которое присваивается одному или нескольким элементам HTML-документа для определения их внешнего вида, установки свойств и стилей с помощью CSS.
Классы используются для определения группы элементов, которые имеют одинаковый набор стилей. Использование классов упрощает и ускоряет создание и изменение внешнего вида элементов HTML, так как позволяет в одном месте описывать общие стили для большого количества элементов.
Класс определяется с помощью атрибута class и значения, которое указывается в кавычках.
Пример:
<div class="my-class">Это элемент с классом my-class</div>Здесь классу my-class присваивается элемент <div>. Теперь нужно определить его в CSS:
.my-class {
color: blue;
font-weight: bold;
}Теперь все элементы с указанным классом будут иметь синий цвет текста и полужирный шрифт.
Классы могут использоваться вместе с другими селекторами для определения более конкретных элементов или с одним и тем же классом можно задать разный внешний вид на разных элементах. Кроме того, одному элементу можно присвоить несколько классов, разделяя их пробелами:
<div class="my-class another-class">Это элемент с классами my-class и another-class</div>В этом случае можно применить стили к обоим классам в CSS:
.my-class {
color: blue;
}
.another-class {
font-weight: bold;
}Таким образом, CSS-классы значительно упрощают и ускоряют определение стилей для элементов и их групп, что делает всю веб-разработку более эффективной.
