style标签写在body后与body前有什么区别

style标签写在body后与body前有什么区别?

阅读 15.2k
6 个回答

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

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

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

新手上路,请多包涵

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

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏