我在其他网站搜到的教程中外部也有用@import做链接标签的 请问二者的具体区别是什么

我在其他网站搜到的教程中外部也有用@import做链接标签的 请问二者的具体区别是什么

<style type ="text/css" media="screen">

<@import url("http://www.xxxx.com");

</style>

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕小尤 2019-08-05 11:02:47

同学你好,其实 link 与 @import 在显示效果上还是有很大区别的,

  1.   link 的加在会在页面显示之前全部加在完全,而@import 会是读取完文件之后加在,所以如果网速很好或很快的情况下,会出现先开始无css定义,而后加载css定义。

  2. @import加载页面时开始的瞬间会有闪烁(无样式表的页面),然后才恢复正常(加载样式后的页面),Link没有这个问题。

  3. 他们从方法上是一样的,只是在浏览器识别上有点差距,link在支持CSS的浏览器上都支持而@import只在5.0以上的版本有效,而且还能用于浏览器过滤也就是hack的使用,兼容一些老版本的浏览器。所以最好还是使用link通用型更强。

祝学习愉快!

  • 提问者 qq_林木_4 #1
    意思是如果网速比较慢 那么import的劣势会很明显吗
    2019-08-05 11:12:21
  • 好帮手慕小尤 回复 提问者 qq_林木_4 #2
    同学你好,因@import先加载HTML,后加载CSS,如果在网速较慢情况下可能会加载不出来css样式,需要刷新页面重新加载。祝学习愉快!
    2019-08-05 11:48:58
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
PHP小白零基础入门
  • 参与学习           人
  • 提交作业       626    份
  • 解答问题       4930    个

想要学好Web后端开发的中流砥柱语言,本阶段为你轻松铺就扎实的基础,从前端网页布局的搭建到后台PHP开发,助你从零基础到掌握主流开发语言。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师