link和@import的区别

在HTML中有4种方式引入CSS

1.内联方式

<div style="background: red"></div>

2.嵌入方式

 <style>

    .content {
        background: red;
    }

    </style>

3.link链接

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

4.@import导入

<style>
    @import url(style.css);
</style>

link和@import两种都是外部引用CSS的方式，然而这两者也存在一定差别：

（1）link属于XHTML标签,而@import由CSS提供；

（2）link引入CSS时，在页面被加载的同时加载，而@import会在页面加载完后被加载；

（3）link没有兼容问题，而低版本的浏览器不支持@import；

（4）link支持js操作DOM改变样式，而@import不支持。