Как использовать классы CSS

Классы CSS используются для стилизации элементов HTML. Чтобы применить класс к элементу, нужно добавить атрибут «class» и указать имя класса в значении этого атрибута. Например:

<div class="my-class">Этот элемент имеет класс "my-class"</div>

Затем в CSS файле можно определить стили для этого класса:

.my-class {
  color: red;
  font-size: 20px;
}

Теперь все элементы с классом «my-class» будут иметь красный цвет текста и размер шрифта 20 пикселей.

Кроме того, один элемент может иметь несколько классов, разделенных пробелом:

<div class="my-class1 my-class2">Этот элемент имеет классы "my-class1" и "my-class2"</div>

В CSS файле можно определить стили для каждого класса отдельно:

.my-class1 {
  color: red;
}

.my-class2 {
  font-size: 20px;
}

Таким образом, этот элемент будет иметь красный цвет текста и размер шрифта 20 пикселей.