外部引用CSS样式link和@import两种方法区别

1、link方法

<link rel="stylesheet" rev="stylesheet" href="style.css" type="text/css" media="all" />  

2、@import方法

<style type="text/css">
        @import url("style.css");
 
        //@import写法浏览器兼容情况：
        @import 'style.css' // Windows IE4/ NS4, Mac OS X IE5, Macintosh IE4/IE5/NS4不识别
        @import "style.css" // Windows IE4/ NS4, Macintosh IE4/NS4不识别
        @import url(style.css) // Windows NS4, Macintosh NS4不识别；兼容浏览器最多，推荐此写法
        @import url('style.css') // Windows NS4, Mac OS X IE5, Macintosh IE4/IE5/NS4不识别
        @import url("style.css") //跟@import url(style.css)写法兼容的浏览器一样
</style>

区别：

link是XHTML标签，除了加载CSS外，还可以定义RSS等其他事务；@import属于CSS范畴，只能加载CSS。
link引用CSS时，在页面载入时同时加载；@import需要页面网页完全载入以后加载。
link是XHTML标签，无兼容问题；@import是在CSS2.1提出的，低版本的浏览器不支持。
link支持使用 js 控制DOM去改变样式；而@import不支持。
————————————————
版权声明：本文为CSDN博主「pending-s」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/qq_27954643/article/details/80838190