簡體   English   中英

無法在HTML上加載CSS文件

[英]CSS file not loading on HTML

我目前在記事本中編碼,不確定是否會導致我的問題。 但是我多次更改了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>

我想不通,請幫忙。

您的代碼中存在三個錯誤:

  1. <meta charset= "UTF-8'>

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

  3. <DOCTYPE!>

為了安全起見,還請更改:

  1. <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>

您正在嘗試包含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'/>

您的代碼中還有其他一些小錯誤,請查看 Ben Tegoni的 答案以獲得一些建議的改進。

也許您應該嘗試正確關閉最后一個鏈接標記的href屬性。

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

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM