• 技术文章 >web前端 >前端问答

    css样式文件该放到哪

    青灯夜游青灯夜游2021-07-22 15:48:24原创101

    css样式文件应该放到HTML顶部的head中,这样可以增加页面的性能。CSS文件放头部,在加载html生成DOM tree的时候,就可以同时对DOM tree进行渲染;这样可以防止闪跳,白屏或者布局混乱。

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

    css样式文件应该放到HTML顶部的head中。

    将css放在头部可以增加页面的性能。

    CSS放头部,在加载html生成DOM tree的时候,就可以同时对DOM tree进行渲染。这样可以防止闪跳,白屏或者布局混乱。

    现在浏览器为了更好的用户体验,渲染引擎会尝试尽快在屏幕上显示内容,它不会等到所有的HTMl元素解析之后在构建和布局dom树,所以部分内容将被解析并显示。也就是说浏览器能够渲染不完整的dom树和cssom,尽快的减少白屏的时间。

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

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

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

    以上就是css样式文件该放到哪的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:css
    上一篇:asp怎样引入css样式 下一篇:css中的伪类有哪些
    VIP会员

    相关文章推荐

    • css写法怎么优化• css怎么实现波浪线边框• css3ps如何安装• css怎么实现不透明度渐变• asp怎样引入css样式• css高度设置百分比不生效怎么办

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网