Что представляют собой DOM и CSSOM?

DOM — объектное дерево документа, CSSOM — объектная модель таблиц стилей и CSS-правил. Вместе они участвуют в формировании визуального представления.

JavaScript может читать и менять DOM-узлы, а CSSOM предоставляет доступ к стилям через специальные API. Это не просто исходные HTML и CSS: браузер уже разобрал их в структуры. Layout затем определяет геометрию отображаемых элементов, после чего выполняются рисование и композиция.