link和@import区别？link: 属于XHTML标签，除了加载CSS样式的，还能用于定义RSS，定义rel链接属

link:

属于XHTML标签，无兼容问题，除了加载CSS样式的，还能用于定义RSS，定义rel链接属性等作用。

@import:

@import是CSS2.1提出的，只能在IE5以上才能被识别，@import是CSS提供的，@import是css的语法，只有导入样式表的作用,只能用于加载CSS。

页面被加载时:

```
link会跟HTML同时被加载
```

@import引入的 CSS 将在页面加载完毕后被加载。

例如：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    /*link引入样式：*/
    <link rel="stylesheet" rev="stylesheet" href="myCss.css" type="text/css" >
</head>
<body>
    
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style type="text/css">
        /* @import引入样式： */
        @import url("./myCss.css");
    </style>
</head>
<body>

</body>
</html>