CSS class name что это

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-классы значительно упрощают и ускоряют определение стилей для элементов и их групп, что делает всю веб-разработку более эффективной.