页面导入样式时,使用link和@import有什么区别

版权声明:转载请标明出处 https://blog.csdn.net/qq_41155191/article/details/82796626

link链接方式: 

<head>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>

@import导入方式:

<style> 
@import url(style.css); 
</style> 

区别:

  1. link属于XHTML标签,除了加载CSS外,还能用于定义RSS, 定义rel连接属性等作用;而@importCSS提供的,只能用于加载CSS;
  2. 页面被加载的时,link会同时被加载,而@import引用的CSS会等到页面被加载完再加载;
  3. importCSS2.1 提出的,只在IE5以上才能被识别,而linkXHTML标签,无兼容问题;

猜你喜欢

转载自blog.csdn.net/qq_41155191/article/details/82796626