同样是外部样式，@import和link有什么区别

你问这个问题，我刚刚踩坑了。
我记得当我第一次开始创建网页时，我无法区分链接和@import 之间的区别。
当我在做一个项目时，我的老板让我赶紧创建一个活动页面并获得一个新皮肤。
我手头有一个旧模型，想用它来修改它。

我使用 link 方法链接旧模板中的 CSS。
结果呢？页面打开后，什么也没有发生，它看起来就像旧模型一样。
后来老板坚持，我又尝试@import，导入了CSS文件。
嗯，这一次，页面空白了很长时间，才缓缓出现。
你觉得好还是不好？
你看，link和@import的区别，我当时是这样总结的：
1 ．加载时间：链接标签加载HTML，浏览器在解析HTML时加载CSS。
@import 被加载到 CSS 文件中，并且在 HTML 完全解析之前不会加载 CSS。
我在做活动页面的时候感受最深。
链接加载速度更快，用户体验更好。
2 .兼容性：link标签提供了更好的兼容性，老版本的IE、Firefox和Chrome都支持。
@import 是 CSS2 .1 提供的，一些旧版浏览器不支持，例如 IE5 和 IE6 当时我有一个客户使用的是IE6 ，当使用@import时页面出现问题。
3 、功能：link标签不仅可以加载CSS，还可以加载其他资源，比如RSS。
@import只能加载CSS，不能做其他任何事情。
我在做活动页面的时候，也想添加RSS订阅，所以链接标签就很容易做到。
4 .动态控制：链接标签可以通过JavaScript动态更改，例如通过更改主题。
@import 不，我已经知道了。
有一次我想用JS根据用户选择加载不同的CSS，但是不支持@import，只能使用链接。

至于@import的写法，我当时也明白了。
你提到的@importurl('style.css')具有很好的兼容性，但是当我在活动页面上测试时发现@importurl(style.css)具有相同的效果，并且代码更短。
后来我选择了@importurl(style.css)，看起来加载很快，代码也简洁。

总结一下，link标签更适合经典页面，加载速度快，兼容性好。
@import 适用于嵌套在其他 CSS 文件中的 CSS 文件，例如子主题的样式表。
创建活动页面时，我建议使用链接，它加载速度快并提供良好的用户体验。
如果CSS文件是嵌套的，您还可以使用@import。

希望我以前的经验对你有用，希望你不会再重蹈当年的覆辙。
如果您有任何疑问，请随时询问我。
当年我做了很多蠢事。

css链接样式的写法<link

a:link 和 a:visited 放置在前面。
答：卷轴放在中间。
A：活动放在最后。
如果请求错误，则不会生效。