link和@import的区别

Posted 2021-01-12 daheiylx

<link rel="stylesheet" href="css文件" type="text/css" media="all"/>

<style type="text/css" media="screen">

　　@import url("css文件")

</style>

两者都是外部引用CSS的方式，但是存在一定的区别：

（1）link是Xhtml标签，除了加载CSS外，还可以定义RSS等其他事务；@import属于CSS范畴，只能加载CSS文件。

（2）link引用CSS时，在页面载入时同时加载；@import需要页面网页完全载入以后加载。

（3）link是XHTML标签，无兼容问题；@import是在CSS2.1提出的，低版本的浏览器不支持。

（4）link支持使用javascript控制DOM去改变样式；而@import不支持。