css: link、@import的不同

css和@import都是调用外部样式表的方法。

一、用法

####. link:

html中添加：

<link rel="stylesheet" type="text/css" href="css文件路径"/>

####. @import

html中添加：

<style type="text/css">
	@import url(css文件路径);
</style>

css中添加：

@import url(css文件路径);

二、区别

link是html标签，不存在兼容性问题，@import是css2.1提出的，低版本浏览器不支持。
link是引用样式，是和页面加载同步进行加载的，@import是等页面加载完成后才开始加载。
link支持js进行样式控制，而@import不支持。
link引用CSS时，在页面载入时同时加载；@import需要页面网页完全载入以后加载。