原始问题

我在所有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>

但是，我必须在我的所有HTML页面中添加超赞的链接。
我认为将对真棒字体的引用移至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");

我喜欢这样简单的组装。我要做的就是将原始链接移到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语句试图将其用双引号引起来，这里的答案之一建议将其用单引号引起来：

@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"

所以：有人知道正确的语法吗？

Answer 1

像使用<table mat-table [dataSource]="customerWorkers" matSort class="mat-elevation-z8">

@import url

如何在CSS中链接到外部样式表

原始问题

添加

1 个答案: