Что такое reflow и repaint?

Reflow (layout) -- пересчёт геометрии элементов: позиции, размеры, отступы. Происходит при изменении свойств, влияющих на layout (width, height, margin, padding, display). Repaint -- перерисовка пикселей без пересчёта геометрии, например при смене color или background. Reflow всегда вызывает repaint, но не наоборот. Reflow дороже, потому что каскадно затрагивает соседние и дочерние элементы.