Question

我目前在记事本中编码，不确定是否会导致我的问题。但是我多次更改了css文件的链接，但该链接仍未显示在我的网页上。这是我的代码：

<DOCTYPE!>
<html>
<head>
<meta charset= "UTF-8'>
<meta name="description" content="resume">
<meta name="keywords" content="HTML, CSS, XML, JavaScript">
<meta name="author" content="Tayler Pierre">
<link href="/css/style.css" rel="stylesheet" type="text/css"/>
<link href="https://www.fontsquirrel.com/fonts/Caviar-Dreams rel='stylesheet' type='text/css'/>
</head>

我不知道这一点，请帮忙。

Answer 1

您的代码中存在三个错误：

<meta charset= "UTF-8'>
<link href="https://www.fontsquirrel.com/fonts/Caviar-Dreams rel='stylesheet' type='text/css'/>
<DOCTYPE!>

为了安全起见，还请更改：

<link href="/css/style.css" rel="stylesheet" type="text/css"/>

总体而言，这是您的代码应如下所示：

<!DOCTYPE html>
<html>
<head>
<meta charset= "UTF-8">
<meta name="description" content="resume">
<meta name="keywords" content="HTML, CSS, XML, JavaScript">
<meta name="author" content="Tayler Pierre">
<link href="css/style.css" rel="stylesheet" type="text/css"/>
<link href="https://www.fontsquirrel.com/fonts/Caviar-Dreams" rel='stylesheet' type='text/css'/>
</head>

Answer 2

您正尝试包含2个不同的CSS文件，目前尚不清楚哪个文件没有为您加载。如果您自己的style.css没有加载，则可能要尝试从与实际文件所在位置不同的路径中添加它。

对于https://www.fontsquirrel.com/fonts/Caviar-Dreams字体文件，包含自身中缺少"。用以下内容替换该行：

<link href="https://www.fontsquirrel.com/fonts/Caviar-Dreams" rel='stylesheet' type='text/css'/>

您的代码中还有其他一些小错误，take a look at this answer中的Ben Tegoni存在一些建议的改进。

Answer 3

也许您应该尝试正确关闭最后一个链接标记的href属性。

<link href="https://www.fontsquirrel.com/fonts/Caviar-Dreams" rel="stylesheet" type='text/css'/>

无法在HTML上加载CSS文件

3 个答案: