我已經嘗試了HTML 不加載 CSS 文件的所有方法，但它們似乎不起作用。當我嘗試檢查 chrome 上的元素時，他們告訴我“無法加載資源：net::ERR_FILE_NOT_FOUND”。這是我的文件結構C>DevProject>index.html在我的index.html 中有兩個項目，其中一個“index”是我的HTML 文件夾，單擊它會打開網站。另一個項目“樣式”是我的 CSS 文件，單擊它會打開帶有代碼的記事本這是代碼<!DOCTYPE html><html><head> <title>Test Title</title> <link href="/style.css/"type="text/css" rel="stylesheet"></head><body> <h1>H1 text</h1> <p>I'm learning to code on Codecademy! My goals include:</p> <ul> <li>Goal 1</li> <li>Goal 2</li> <li>Goal 3</li> </ul></body></html>這是CSS代碼* { font-family: Helvetica, Arial, sans-serif; } h1 { color: SeaGreen; } p, li { font-size: 18px; } a { text-decoration: none; }我也嘗試過更改為href="DevProject/index.html/style.css/"，但通過 VS 代碼“跟隨鏈接”給了我無法讀取文件 'c:\DevProject\index.html\DevProject\index.html\style.css\我確保編碼是UTF-8我也嘗試過將 CSS 和 HTML 文件分開，例如Devproject>style.css>style但同樣的錯誤
1 回答
斯蒂芬大帝
TA貢獻1827條經驗 獲得超8個贊
你犯了一個簡單的錯誤，但我已經看到初學者多次犯過這個錯誤。
我建議您首先刪除樣式表引用末尾的尾部斜杠。
如果您的樣式表與 index.html 文件位于同一目錄中，請按照如下所示進行操作。如果您的樣式表位于 css 文件夾中，那么您只需將其更改為<link rel="stylesheet" href="css/style.css">. 此外，這type="text/css"不是必需的。
<!DOCTYPE html>
<html>
<head>
<title>Test Title</title>
<link href="style.css" rel="stylesheet">
</head>
<body>
<h1>H1 text</h1>
<p>I'm learning to code on Codecademy! My goals include:</p>
<ul>
<li>Goal 1</li>
<li>Goal 2</li>
<li>Goal 3</li>
</ul>
</body>
</html>
希望這可以幫助。
- 1 回答
- 0 關注
- 99 瀏覽
添加回答
舉報
0/150
提交
取消