HTML导入样式时,使用link与@import的区别。

  1. link是xhtml标签,除了加载CSS之外,还可以定义如RSS等其他内容;而@import只能加载CSS内容。(@import只为CSS服务)

  2. link应用CSS文件时,在页面载入时会全部同时加载;
    @import会在页面加载完后在重新加载,而且被引用的CSS会等到其被引用完后加载。

  3. link支持引用JavaScript控制以改变样式;
    @import不可。

  4. link权重(优先级)高于@import。

  5. link无兼容性问题;
    @improt低版本浏览器不可使用。

你可能感兴趣的:(HTML导入样式时,使用link与@import的区别。)