页面导入样式时，使用link和@import有什么区别？

用法

import的写法

<style type=”text/css”>
    @import url（“a.css”）；
</style>

link的写法

<link rel="stylesheet" href="index.csss">

区别

1. 来源：link属于XHTML标签，import是CSS提供的方式。link方式除了CSS，还可以定义RSS，定义rel连接属性等，而import只能加载CSS。

2. 顺序：link是页面加载时同时执行的，而import是在页面加载完之后，才会执行的（所以容易导致样式闪烁，即开始页面没有样式，突然会闪烁一下，然后就有了样式，就我个人比较喜欢link引用的方式）

3. js控制的差别：当页面需要使用javascript控制dom改变样式的时候，只能使用link标签，因为import不是js操作dom可以控制的。也不支持js操作dom来控制。

link和import的区别