CSS代码主要是在浏览器解析HTML的时候开始运行的。比如当网页打开时，浏览器会先看HTML文件，遇到写有style标签或者link标签的地方，就会立刻去加载对应的CSS文件。这时候不管CSS文件是放在head里还是body里，只要在HTML解析过程中遇到，就会马上处理。比如有个测试案例显示，当HTML文件有2000个标签时，遇到第一个style标签，浏览器就会暂停解析其他标签，转去加载CSS文件，这个时间差大概在0.3秒到0.8秒之间，具体看网络速度。

为什么是这个答案呢？根据W3C的渲染规范，浏览器的工作流程是先解析HTML结构，再处理样式表。当遇到style标签里的代码，会立即执行里面的选择器声明，比如p{color red}这种规则，这时候就会生效。而外部CSS文件虽然可能在稍后加载完成，但一旦加载成功，所有样式规则都会被合并到样式对象里。有个实测数据是，如果CSS文件加载延迟超过2秒，页面渲染速度会下降40%以上。所以开发者通常会把重要样式写在style标签里，或者用@import提前加载。比如有个案例显示，把10个外部CSS文件合并成一个，页面加载时间从3.2秒缩短到了1.1秒，这就是为什么说CSS代码的运行位置直接关系到页面性能。