link和@import区别?

119 阅读1分钟
  • 页面导入样式时,使用link和@import有什么区别?

  • link是HTML标签,不仅可以加载 CSS 文件,还可以定义 RSS、rel 连接属性等,@import是css提供的。

  • link引入的样式页面加载,@import引入的样式等页面加载完再加载。

  • link没有兼容问题,@import不兼容ie5以下。

  • link引入的样式可以通过js操纵dom树来改变样式,而@import不可以。

// link
<head>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
// @import
<style>
    @import url(style.css);
     @import "路径";
</style>

参考:www.cnblogs.com/my--sunshin…