css样式表常驻留在文档的哪个区域中

这篇文章主要介绍css样式表常驻留在文档的哪个区域中,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

创新互联主要从事成都做网站、成都网站建设、网页设计、企业做网站、公司建网站等业务。立足成都服务庄浪,10多年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:13518219792

css样式表常驻留在文档的“head”区域中。因为如果将CSS放在底部,页面可以逐步呈现,但在CSS下载并解析完毕后,已经呈现的文字和图片就要需要根据新的样式重绘,这是一种不好的用户体验。

css样式表常驻留在HTML文档顶部的head中。

why?

link标签里面的href(HyperText reference)属性表示超文本引用,当CSS使用href引用,浏览器会识别该文档为CSS,并行下载,不会停止对当前文档的加载,在加载html生成DOM tree的时候,就可以同时对DOM tree进行渲染,这样可以防止闪跳,白屏或者布局混乱。

最理想的情况,我们希望浏览器逐渐的渲染下载好的CSS,将页面逐渐的展现给用户。但是浏览器为了避免样式变化时重新渲染绘制页面元素,会阻塞内容逐步呈现,浏览器等待所有样式加载完成之后才一次性渲染呈现页面。

CSS文件如果放置底部,浏览器阻止内容逐步呈现,浏览器在等待最后一个css文件下载完成的过程中,就出现了“白屏”(新打开连接时为白屏,尔后先出现文字,图片,样式最后出现)。这点非常严重,因为在网速非常慢的情况下,css下载时间比较长,这样就给用户带来“白屏”的时间自然也就很长了,用户体验非常差。

将CSS放在底部,页面可以逐步呈现,但在CSS下载并解析完毕后,已经呈现的文字和图片就要需要根据新的样式重绘,这是一种不好的用户体验。

以上是“css样式表常驻留在文档的哪个区域中”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!


分享文章:css样式表常驻留在文档的哪个区域中
当前链接:http://bzwzjz.com/article/gecjid.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 高端定制网站设计 成都网站建设公司 LED网站设计方案 梓潼网站设计 成都定制网站建设 手机网站建设套餐 成都网站建设 温江网站设计 网站设计 app网站建设 成都网站建设 定制网站制作 网站制作 营销型网站建设 响应式网站设计 成都网站制作 成都网站建设 温江网站设计 四川成都网站制作 成都网站建设公司 成都网站设计 网站建设方案