link引用和@import引用的用法和区别

在初学者学习html和css的时候会对这两种引用css文件的方法表示疑惑。

下面我就看看他们的用法和区别：

link标签

<link rel="stylesheet" type="text/css" href="./CSS文件夹/13-CSS.css">

@import

<style>

        @import url(CSS文件夹/13-CSS.css);

    </style>

二者区别：

差别一：本质差别：link属于XHTML标签，而@import完全是css提供的一种方式。

差别二：加载顺序的差别：网端页面加载的时候link引用的css会被同时加载；而@import引用的css会等到页面加载完成后，再去加载。

差别三：兼容性的差别：@import对于老的浏览器不支持；而link标签并不影响。