@import url(../image/css)的用法

1、@import url(../image/css);可以加载css文件
2、@import url(../image/css);可以写在html里加载css文件，也可以写在css文件里加载css文件：比如test1.css、test2.css、main.css文件，有三个css文件，浏览器要下载三个文件，
   假如在main.css里@import url(test1.css);@import url(test2.css);这样浏览器只需要加载main.css文件就可以了。这也许就是这种方法存在的唯一好处
3、@import url(../image/css);必须写在css文件的最前面
4、@import url(../image/css);这种方法会阻止浏览器并行下载，必须优先完成这种方式的下载
5、@import url(../image/css);的方式是要等页面下载完，再加载此css文件，假如网速慢的化，刚开始看到的是没有css的页面，然后慢慢看到有css的页面
6、link是在加载页面前把css加载完毕

优秀实践：结合<link>和@import url方式
<link rel="stylesheet" href="main.css" />
然后在main.css里@import其他css文件，这样即减少了浏览器下载的css文件数量，又不影响浏览器的并行下载，而且有助于css文件渲染页面

参考：https://www.thoughtco.com/using-import-in-css-3464234