外部样式表分为链接外部样式表和导入外部样式表
链接样式表：<link href="css文件所在地址" rel="stylesheet" type="text/css"/>
导入外部样式表：<style>@import url(""); </style>
两种外部样式表的区别：
1、 使用@import样式表时，在html文件初始化时会被导入到html文件中，作为文件的一部分，类似内嵌式样式表
链接样式表是在html标签需要样式时才以链接的方式导入
2、加载顺序不同
当一个页面被加载时，使用link标签引用过的css会同时被加载；使用@import引用的css会等页面全部加载完才被加载，所以有时浏览@import引用css的页面时开始没有样式，网速慢的时候更明显。
3、兼容性的差别
@import是css2.1提出的使用方式，因此一些老的浏览器不支持，比如IE4一下的浏览器。
4、使用DOM控制页面样式的区别
当页面使用javascript控制DOM改变页面样式时，使用link标签支持，而@import并不是DOM所控制的。
<link>是xhtml的一种标签，而@import完全是css提供的一种方式