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

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

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

<强> css样式表常驻留在HTML文档顶部的头中。

<强>为什么?

& lt; link  rel=皊tylesheet", href=https://www.yisu.com/zixun/" home.css ">

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

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

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

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

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

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