С помощью чего в CSS задаются стили

В CSS стили задаются с помощью селекторов и правил. Селектор определяет, к каким элементам применяются стили, а правило содержит свойства и их значения.

Основные способы:

1. По тегу – p { color: red; }
2. По классу – .text { font-size: 16px; }
3. По ID – #header { background: #333; }
4. По атрибуту – [type="button"] { padding: 10px; }
5. Комбинаторы и псевдоклассы – a:hover { text-decoration: none; }

Пример:

.button {
  padding: 12px 24px;
  background: blue;
  color: white;
  border-radius: 4px;
}