当您更改 CSS 属性的值时，浏览器需要对您的更改做出反应。某些值会更改页面的布局。例如，width 的更改需要浏览器更新布局，然后“绘制”任何已更改的像素，然后将它们“合成”在一起。这需要大量工作。某些 CSS 属性可以更经济地更改。例如，background-image 的更改不需要任何布局更改，但需要绘制和合成。
Paul Lewis 对哪些属性执行什么操作进行了所有研究。这是一个很好的参考，可以帮助您考虑可以进行哪些类型的更改，这些更改对于浏览器来说很容易（因此速度很快），以及哪些类型的更改很困难（因此速度很慢）。