我無法在我的 html 中鏈接 css 文件

Question

當我在 chrome 或 IE 中打開 html 文件時，背景顏色和字體大小沒有改變，我不知道為什么。 是我從 html 鏈接到 css 文件的方式嗎？ 路徑錯了嗎？ 我應該在路徑名中使用 / 而不是 \ 嗎？ css 文件的 css 內容可以嗎？

這是我的 html 文檔（記事本）的開頭部分：

<head>

<meta charset="UTF-8">

<title>Final Project</title>

<link rel="stylesheet" href="/CSS3/css/styles"/>

</head>

這是 my.css 文檔的內容（我用的是記事本）：

h1{

background:#B3B3B3;

font-size:150%;

}

我的 css 文件位於此處 --> C:\Users\m529759\OneDrive for Business\Desktop\Web Design Course\CSS3\css

我的 html 文件位於此處--> C:\Users\m529759\OneDrive for Business\Desktop\Web Design Course\CSS3\html

Answer 1

由於您使用的是外部 CSS：

HTML 文件：

<!DOCTYPE html>
<html>
<head>

<meta charset="UTF-8">

<title>Final Project</title>

<link rel="stylesheet" href="/home/bhavya/Desktop
/styles.css">

</head>
<body>

<h1>This is a heading</h1>


</body>
</html>

styles.css文件內容

body {
  background-color: powderblue;
}
h1{

background:#B3B3B3;

font-size:150%;

}

所以結果 output 將是：

更新 1：

我認為您使用的路徑中存在一些語法錯誤C:\Users\m529759\OneDrive for Business\Desktop\Web Design Course\CSS3\css

DO CHECK YOUR PATH AGAIN, AND DONT FORGET TO SAVE YOUR CSS FILE WITH .css extension AND YOUR HTML FILE WITH .html extension

Answer 2

我有一個文件夾，里面有 2 個文件夾。 一個命名為 html，另一個命名為 css。 我通過刪除 html 文件夾並將 html 文檔放入文件夾中來解決此問題，如下所示：修改后的文件路徑

我還更改了 html 文件中的<head>鏈接，如下所示： <link rel="stylesheet" href="css/style.css">並且它有效。

我無法在我的 html 中鏈接 css 文件

問題描述

2 個解決方案

解決方案1
0 2020-05-07 08:01:40

解決方案2
0 2020-05-07 18:06:31

我無法在我的 html 中鏈接 css 文件

問題描述

2 個解決方案

解決方案1 0 2020-05-07 08:01:40

解決方案2 0 2020-05-07 18:06:31

解決方案1
0 2020-05-07 08:01:40

解決方案2
0 2020-05-07 18:06:31