1. 从属关系不同
link 是html标签, 有RSS rel属性, 可以设置关联属性
@import 是css关键字
2.加载顺序不同
link 引入css时加载, link标签的css文件同时加载
@import 页面加载完毕后被加载
3. 兼容性
link 不存在兼容性问题
@import 从css2.1开始支持, 需要IE5+以上浏览器才能支持
4. DOM操作
link可以当作DOM元素被操作,@import不可以
5. link 引入的样式的权重大于@import样式的权重 这句话这么理解
因为@import引入的样式会被放在文件顶部,所以会被link引入的样式给覆盖掉, 所以看起来才像是@import的样式被link的样式覆盖掉了