CSS Class: что это такое и как использовать?

CSS class - это набор свойств и стилей, который определяет внешний вид элемента веб-страницы. Классы используются для определения определенных стилей, которые можно применять к любому элементу на странице, независимо от типа элемента. Классы в CSS могут быть применены к элементу HTML через атрибут class или через методы добавления/удаления классов в JavaScript.

Пример кода:

HTML:

Пример текста внутри блока с классом 'box'

CSS:

.box {
  background-color: #f2f2f2;
  border: 1px solid #ccc;
  padding: 10px;
  margin: 10px;
  font-size: 16px;
}

В данном примере мы создали класс с названием 'box', который содержит свойства для задания фона, границы, отступов и размера шрифта для элемента с этим классом. Можно применять данный класс к любому элементу HTML на странице, добавляя к нему атрибут класса:

Текст внутри блока с классом 'box'
Текст абзаца с классом 'box'

В этом примере мы использовали класс 'box' для элемента div и параграфа, чтобы определить общий стиль для обоих элементов. Использование классов может значительно упростить структуру и управление стилями веб-страницы.