link-vs-import

<link rel="stylesheet" type="text/css" href="style.css" />

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

1：使用方法不同
link一般写在页面上方head里面，直接加载外部样式
import一般定义在css内部，写在其他所有规则之前（除了charset），也就是一般写在文件头部，并且专门拿来链css的。
2:加载时间
link一般都是并行加载的
而import其实更延迟一些，它会等到页面下载完后才加载，因而可能会产生闪烁，查看资源加载的时间线可以看到对应的时间差异