如何在 CSS 中链接到外部样式表 [重复]答案

【问题标题】：How to Link to external style sheet in CSS [duplicate]如何在 CSS 中链接到外部样式表 [重复]
【发布时间】：2019-07-18 16:04:00
【问题描述】：

已编辑，因为“已回答的解决方案”的链接没有帮助。
请参阅此问题末尾的补充

原问题

我的所有 HTML 页面中都有两个指向外部样式表的链接。因此，我想将它们放在一个外部样式表中。

<!DOCTYPE html>
<html>
<head>
<title>Html Demo</title>
<link rel="stylesheet" type="text/css" href="mystyles.css">
<link rel="stylesheet"  href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" (etc)
...

这很好用。 Index.Html 显示了一些不错的图标：

<p>
  <i class="fas fa-fish"></i>
  <i class="fas fa-frog"></i>
  <i class="fas fa-user-ninja vanished"></i>
  <i class="fab fa-facebook"></i>
</p>

但是，我必须将 font-awesome 的链接添加到我的所有 HTML 页面中。
我认为将 font awesome 的引用移至 MyStyles.css 是一个好主意。正确的语法是什么？

不正确的 MyStyles.Css：

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css"  (etc)

body {background-color: lightblue;}
h1 {color: yellow; margin-left: 20px;}
... (etc)

正确的语法是什么？

加法

这个问题似乎是already answered here 在回答中说：

@import url("base.css");

我喜欢 asnwer 如此简单。我所要做的就是将原始链接移至 CSS。

index.html 中的原始（有效）文本是：

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">

注意：引用导入的 CSS 文件后面是一些参数！

在 `mystyles.css 中尝试了几次，类似于已回答的问题，可惜没有一个成功：

(1) 只导入css文件。但是在哪里放置额外的参数呢？

@import url("https://use.fontawesome.com/releases/v5.7.2/css/all.css");

(2) 把所有东西都放在url语句里面：

@import url("https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous")

(3) 将参数放在右括号之后：

@import url ("https://use.fontawesome.com/releases/v5.7.2/css/all.css") integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous"

(4) 参考答案中的原始导入语句尝试将其放入双引号中，此处的答案之一建议将其放入单引号中：

@import url ('https://use.fontawesome.com/releases/v5.7.2/css/all.css') integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous"

(5) W3Schools suggests not to use brackets 完全是：

@import url "https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous"

那么：有人知道正确的语法吗？

【问题讨论】：

标签： html css

【解决方案1】：

使用@import url点赞

@import url('https://use.fontawesome.com/releases/v5.7.2/css/all.css');

【讨论】：

谢谢。你知道我应该把额外的参数放在http...all.css 之后的位置吗？那么零件应该放在哪里integrity="sha384-..." crossorigin = "anonymous"
这不适用于@import。见Subresource Integrity when using @import