學習CSS的開始階段。正在處理一個讓我在外部、內部和行內修改 HTML 檔案的專案。已成功完成除外部之外的所有作業。
HTML檔案
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Methods for Adding CSS</title>
<link rel=”stylesheet” href="styled.css">
<style>
p {color: white; background-color: green;font-size:18px}
</style>
</head>
<body>
<div>Style me via the external method!</div>
<p>I would like to be styled with the internal method, please.</p>
<button style=background-color:orange;font-size:18px;>Inline Method</button>
</body>
CSS檔案
div {
background-color: red;
color: white;
font-size: 32px;
text-align: center;
font-weight: bold;
}
第 8 行是鏈接到外部檔案的代碼段。
HTML 和 CSS 檔案位于同一檔案夾中。
我嘗試在檔案夾內創建新的 CSS 檔案，從 VSCode 并通過 ctrl 單擊終端內的參考鏈接，然后從檔案夾拖/放至 VSCode。也試過./styled.css和../styled.css，從檔案夾中打開的CSS檔案，以驗證在那里的代碼。在 Chrome 開發工具中打開，網路，選擇 CSS。它不顯示任何檔案。合理地確信語法是正確的。我覺得 HTML 沒有找到 CSS 檔案，但不知道如何解決這個問題。
uj5u.com熱心網友回復：
問題是第 8 行中的錯誤參考”stylesheet”。將引號字符更改為"stylesheet"，它將起作用。
uj5u.com熱心網友回復：
請將雙引號從“改為”并清除瀏覽器的歷史記錄。我希望它能正常作業。
uj5u.com熱心網友回復：
如果一切正確，檔案名和目錄。嘗試清除瀏覽器的快取。
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/377812.html
上一篇：使用徑向漸變褪色