CSS как элемент привязать

CSS можно привязать к элементу HTML с помощью атрибута «class» или «id».

Атрибут «class» используется для группировки элементов, которые имеют общие стили. Например, если у вас есть несколько кнопок на странице, которые должны выглядеть одинаково, вы можете присвоить им одинаковый класс, например «button», и привязать к этому классу стили в CSS.

Пример:

HTML:

<button class="button">Кнопка</button>
<button class="button">Кнопка</button>
<button class="button">Кнопка</button>

CSS:

.button {
  background-color: blue;
  color: white;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
}

Атрибут «id» используется для привязки стилей к конкретному элементу. Каждый элемент может иметь только один уникальный идентификатор «id».

Пример:

HTML:

<div id="header">Заголовок</div>

CSS:

#header {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  padding: 20px;
  background-color: gray;
  color: white;
}