1.Link adds css file first and then compile, while @import will wait until html structure loaded which might influence visual effect.
2.Link parallel downloads css files while @import downloads one by one
when using DOM changing styles, linked css is OK but imported doesn’t work.
Link can link JS file and so on but @import could only import css file.
WHEN TO USE:
link: In general condition, link is recommended.
@import: In a large website, too many pages linking to the same css file might cause delay. Use @import flexibly can improve the css modularity.