CSS有四种引入方式，包括link、@import、内联样式和内嵌样式。
link和@import都是用于引入外部CSS文件的方式，但它们的使用场景和加载时机有所不同。
link是HTML元素，通过将CSS文件链接到HTML文件中，实现样式的引入。
浏览器在解析HTML文件时，会同时加载link引用的CSS文件，并将两者合并为一套样式表。
而@import是CSS的语法，用于在CSS文件中引入其他CSS文件。当浏览器解析到一个@import语句时，它会去加载引入的CSS文件，然后再继续解析后续的CSS规则。
link和@import的区别在于加载时机和兼容性。
link的加载时机是在HTML文件解析时，因此它能够保证样式表和HTML结构同时加载，避免了因样式表加载延迟导致页面渲染不正确的问题。而@import的加载时机是在CSS文件解析时，如果引入的CSS文件较大，可能会延迟整个页面的渲染时间。
此外，link引入样式表的方式更具有兼容性，能够被所有浏览器支持，而@import在一些老版本的浏览器中可能不被支持。
在实际开发中，推荐使用link引入外部样式表的方式，因为它更符合Web标准，也更加可靠和灵活。
如果需要使用@import引入外部样式表，建议将其放在CSS文件的底部，以避免因样式表加载延迟导致页面渲染不正确的问题。
