В чем разница между HTML и CSS?

HTML описывает структуру и смысл содержимого, CSS — то, как это содержимое выглядит.

HTML

<article>
  <h2>Заголовок</h2>
  <p>Текст статьи</p>
</article>

Отвечает на вопрос «что это»: заголовок, абзац, ссылка, форма. От разметки зависят доступность и SEO.

CSS

article h2 { font-size: 24px; color: #222; }

Отвечает на вопрос «как выглядит»: цвета, шрифты, отступы, раскладка, анимации, адаптивность.

Почему их разделяют

• одну разметку можно оформить по-разному (темы, печать, мобильная версия);
• разметка остаётся понятной для скринридеров и поисковиков;
• стили переиспользуются на многих страницах.

Коротко для собеседования

HTML — структура и смысл документа, CSS — его внешний вид; разделение позволяет менять оформление, не трогая содержимое.

Подробнее: MDN — Что такое HTML