@import和link的区别

1. 语法区别

<style type="text/css">
@import url(style.css);
</style>

<link rel="stylesheet" type="text/css" href="a.css" media="all">

每个@import指令的样式表都会加载并使用，无法指定候选样式表，link可以指定候选（通过title属性）；

但是如果有一个外部样式表，它需要使用其他外部样式表中的样式，则@import就非常有用。

2.浏览器解析区别

使用link方式，浏览器会先装载完CSS文件再装载HTML的主体部分，所以显示出来的页面从开始就是带样式效果的；

用@import方式，浏览器则会先装载完整个HTML文件后再装载CSS文件。