css - CSS 中@import 和 link 的区别

标签 css import hyperlink

我正在学习一些 CSS 来调整我的元素模板。我遇到了这个问题,但没有在网上找到明确的答案。在 CSS 中使用 @import 或 link 有区别吗?

使用@import

<style>@import url(Path To stylesheet.css)</style>

链接的使用

<link rel="stylesheet" href="Path To stylesheet.css">

最佳答案

理论上,它们之间的唯一区别是@import是包含样式表和 <link> 的 CSS 机制HTML机制。然而,浏览器以不同的方式处理它们,给出 <link>性能方面的明显优势。

Steve Souders 撰写了一篇内容广泛的博文,比较了这两个 <link> 的影响和 @import (以及它们的各种组合)称为“don’t use @import”。这个标题本身就说明了一切。

雅虎!还提到它是他们的性能最佳实践之一(由 Steve Souders 合着):Choose <link> over @import

此外,使用 <link>标签允许您定义 "preferred" and alternate stylesheets .你不能用 @import 做到这一点.

关于css - CSS 中@import 和 link 的区别,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49277799/

相关文章:

javascript - 功能不适用于新创建的菜单

video - 获取 YouTube 视频直接链接的最新方法

php - 从动态生成的youtu.be链接获取youtube视频ID

javascript - PinchZoom.js 与 iOS 设备上的 Owl Carousel 不兼容

css - 如何在div中将图像居中

html - 在小屏幕上隐藏和管理导航栏元素

mysql - 大量 CSV 到 MySQL 的导入问题

html - 将带有背景的 div 居中,在顶部栏内,宽度为 100%

php - 从多维数组导入数据

Spring应用程序上下文导入