HTML文件末尾的CSS

Question

我想知道浏览器如何处理大多数（如果不是全部）HTML之后的CSS规则。 是否需要根据新规则重新解析整个页面，还是使用其他某种技术来处理这种情况？ 谢谢。

Answer 1

在许多情况下，必须进行重绘，并且在页面生存期的许多情况下，都更改了DOM。

但是一旦页面被解析，就没有理由再次解析它，所有更改都在内存DOM中进行。

话虽如此，您应该将CSS链接放在HEAD中，因为

• 它使浏览器可以更快地开始下载
• 它符合HTML4规范 （ “只能出现在文档的HEAD部分中” ）
• 它使浏览器可以更快地开始渲染
• 它使您的同事和您的未来自己在维护代码时不会感到惊讶

Answer 2

重新布局并重新粉刷。 （也就是说，如果它已经开始渲染它，并且加载的样式需要不同的显示。）

修复，不。 样式表纯粹是呈现形式； 它们不影响解析。

Answer 3

假设浏览器在看到其他CSS时已经开始呈现页面（此行为有很多特定于浏览器的触发器），并且假设新规则导致CSS属性至少改变了一个元素，那么浏览器将只需将该元素标记为需要重绘的元素即可。

这将导致在下次浏览器重新绘制其窗口的一部分时，对页面进行任何可见的更改。

重要的是要记住，现代浏览器会异步地完成所有这些工作，并安排事件（例如应用新CSS，重新计算布局和在屏幕上绘画）在很大程度上（但不是完全）彼此独立。