javascript - Was ist der Unterschied zwischen Style-Tags, die nach dem Body und vor dem Body geschrieben werden?

Question

Was ist der Unterschied zwischen dem Style-Tag, das nach dem Body und vor dem Body geschrieben wird?

Answer 1

写在head标签中利于浏览器逐步渲染（resources downloading->CSSOM+DOM->RenderTree(composite)->Layout->paint）。具体渲染过程请参考
http://blog.csdn.net/wozaixia...
写在body标签后由于浏览器以逐行方式对html文档进行解析，当解析到写在尾部的样式表（外联或写在style标签）会导致浏览器停止之前的渲染，等待加载且解析样式表完成之后重新渲染，在windows的IE下可能会出现FOUC现象（即样式失效导致的页面闪烁问题）

Answer 2

写在后面就是先加载body后加载style样式啊- -还能有什么区别。。

Answer 3

写在后面可能会造成FOUC，写在前面是比较好的

Answer 4

加载顺序，在前就在 body 前加载， 在后就在 body 加载后，再加载

Answer 5

这跟浏览器爬虫有关，载入页面爬虫进入html模式，写在body前，页面还未开始展示，不会出现页面白屏效果；写在body后，爬到css代码的时候，爬虫进入css模式，可能会出现白屏的情况。

Answer 6

一般样式都是放在 head 之间的。 如果样式放在底部。 他会加载标签， 然后渲染样式。 如果加载慢的话， 你会看到他会跳舞。