两者都是外部引用css的方式。但是有一定的区别:
1. 从属关系:link是一个xhtml标签,除了加载css外,还可以定义 RSS、rel 连接属性等;
@import属于css范畴,只能加载css。
2. 加载顺序:link引用css的时候,在页面载入的同时加载;
@import需要页面完全载入以后才加载。
3.兼容性: link是xhtml标签,无兼容问题;
@import是在css2.1提出的,只可在 ie5+ 才能识别,低版本的浏览器不支持。
4.DOM可控制性: link支持使用javascript控制dom去改变样式;
@import不支持。