Как между собой связаны HTML, CSS и JavaScript?

HTML, CSS и JavaScript — три слоя веб-страницы: структура, оформление и поведение.

Как они связаны

• HTML задаёт структуру и смысл: заголовки, кнопки, формы. Из него браузер строит DOM.
• CSS находит элементы DOM через селекторы и задаёт им вид. Из стилей строится CSSOM.
• JavaScript работает с DOM и CSSOM: читает и меняет элементы, классы, стили, реагирует на события.

<button class="like">Нравится</button>
<style>.like.is-active { color: red; }</style>
<script>
  document.querySelector('.like').addEventListener('click', (e) => {
    e.currentTarget.classList.toggle('is-active');
  });
</script>

Как это выглядит при загрузке

1. Браузер разбирает HTML в DOM, по пути загружая CSS и скрипты.
2. DOM + CSSOM → render tree → раскладка и отрисовка.
3. JavaScript меняет DOM или классы — браузер пересчитывает стили и перерисовывает.

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

HTML — структура (DOM), CSS — оформление (CSSOM), JS — поведение; JS меняет DOM и классы, а браузер перерисовывает страницу.

Подробнее: MDN — Как работает браузер