В каком порядке браузер использует HTML, CSS и JS при отображении страницы?

Сверху-вниз, а так все зависит от структуры и инструкций. Cкрипт если сверху дива указан, то скрипт сработает быстрее чем загрузится див. Например такая структура https://jsfiddle.net/0hgmw412/ скрипт в head (скрипт сработал раньше чем дошел до нужного дива), не зря в данном случае указывают $(document).ready(function(){тут код}); чтобы скрипт сработал по окончанию загрузки страницы https://jsfiddle.net/n47gxxvw/
для css, браузер выбирает по приоритетам, если два селектора имеют одинаковую специфичность, то применяться будет тот стиль, что указан в коде ниже.

В начале было Слово и Слово было HTTP: https://ru.wikipedia.org/wiki/HTTP
А совсем недавно появились Слово manifest, а с ним локальные хранилища: http://htmlbook.ru/html/html/manifest
После этого в дело вступают интерпретаторы: https://ru.wikipedia.org/wiki/Интерпретатор

Сначала загружается html файл, далее подгружается в порядке очередности, и стили, и картинки.
Выполнение стилей: первыми идут непосредственно вписанные внутри тега, затем записанные в теге style и только затем прописанные в файле (файлах) в порядке очередности

Браузер читает и выполняет код сверху вниз, последовательно.
Сначала загружается и обрабатывается то, что указано в теге head, стили и скрипты.
Скрипты обрабатываются браузером и применяются или навешиваются обработчики событий.
После этого идет отрисовка страницы, загрузка картинок.
Потом выполняются стили и скрипты, подключенные снизу.

в порядке загрузки кода страницы -_-
но это только для хромированных, а так разумеется сначала разметка хтмл установка стиля и событий

HTM - это структура сайта а CSS это стили для сайта типа добавить фон изменить шрифт с помощью JS добавляются разные примочки более сложные чем можно сделать в CSS