Простая формулировка
- HTML — структура и смысл («что это»: заголовок, кнопка, список).
- CSS — оформление («как выглядит»: цвет, отступы, сетка).
<button class="primary">Купить</button>
.primary { background: navy; color: white; }
Путать нельзя: стили в HTML style="" / тег <font> — плохая практика.
Итог: HTML строит смысл и каркас, CSS рисует внешний вид.