好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

css样式表常驻留在文档的什么区域中

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

本教程操作环境:windows7系统、CSS3 && HT ML 5版、Dell G3 电 脑。

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

why?

<link rel="stylesheet"  hr ef="home.css">

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

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

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

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

(学习视频分享:css视频教程)

以上就是css样式表常驻留在文档的什么区域中的详细内容,更多请关注其它相关 文章 !

总结

以上是 为你收集整理的 css样式表常驻留在文档的什么区域中 全部内容,希望文章能够帮你解决 css样式表常驻留在文档的什么区域中 所遇到的问题。

如果觉得 网站内容还不错, 推荐好友。

查看更多关于css样式表常驻留在文档的什么区域中的详细内容...

  阅读:23次