不同的站点通过使用@import方法或链接到CSS文件，以不同的方式包含其外部级联样式表。@import和linkforcss的区别是什么？您如何决定哪一个更适合您？

@进口(@import)和链接(link)的区别

链接是在网页上包含外部样式表的第一种方法。它旨在将页面链接到样式表。它将添加到HTML文档的头部。

导入允许您将一个样式表导入另一个样式表。这与链接场景略有不同，因为可以在链接样式表中导入样式表。

从标准的角度来看，链接到外部样式表与导入外部样式表之间没有区别。任何一种方法都是正确的，在大多数情况下，任何一种方法都同样有效。但是，有几个原因可以让您选择一个而不是另一个。

为什么要使用@import？

许多年前，使用@import（或同时使用@import）的最常见原因是旧浏览器无法识别@import，因此可以对它们隐藏样式。通过导入样式表，基本上可以将其提供给更现代、符合标准的浏览器，同时对旧版本的浏览器“隐藏”它们。

@import方法的另一个用途是在一个页面上使用多个样式表，而在文档头部只包含一个链接。例如，一家公司可能为网站上的每个页面都有一个全局样式表，其中子部分具有仅适用于该子部分的其他样式。通过链接到子分区样式表并导入该样式表顶部的全局样式，您不必维护包含站点和每个子分区的所有样式的庞大样式表。唯一的要求是，任何@import规则都必须优先于其他样式规则。继承仍然是一个问题。

为什么要使用链接？

使用链接样式表的首要原因是为客户提供备用样式表。Firefox、Safari和Opera等浏览器都支持rel=“alternate stylesheet”属性，如果有可用的属性，则允许查看者在它们之间切换。您还可以使用JavaScript切换器在IE中的样式表之间切换，出于可访问性的目的，最常用于缩放布局。

使用@import的一个缺点是，如果你有一个非常简单的head，其中只有@import规则，那么你的页面在加载时可能会显示“未设置样式的内容”。解决这个问题的一个简单方法是确保您的头脑中至少有一个额外的链接或脚本元素。

媒体类型如何？

许多编写者断言，您可以使用媒体类型对旧浏览器隐藏样式表。通常，他们会提到使用@import或@import的好处，但您可以使用这两种方法设置媒体类型，不支持媒体类型的旧浏览器在这两种情况下都不会查看它们。

那么你应该使用哪种方法呢？

现在大多数开发人员使用链接，然后将样式表导入外部样式表。这样，您的HTML文档中只有一两行代码需要调整。但底线是，这取决于你。如果你更喜欢@import，那就去吧！这两种方法都符合标准，除非您打算支持真正的旧浏览器，否则没有充分理由使用这两种方法。