<!DOCTYPE html>
<html>
<head>
<title> Daniel Erhabor | Home</title>
<link rel="stylesheet" href="JS_CSS_HTML_HW_css_file.css" type="text/css" >
</head>
<body>
<div id = "headerblock">
<h1>
Daniel Erhabor Ph.D
</h1>
</div>
<ul>
<li> <a href=" JS_CSS_HTML_HW_home_page.html "> Home </a>
<li> <a href=" JS_CSS_HTML_HW_courses_page.html"> Course </a>
<li> <a href=" JS_CSS_HTML_HW_projects_page.html"> Projects </a>
<li> <a href=" JS_CSS_HTML_HW_hobbies_page.html"> Hobbies </a>
<li> <a href=" JS_CSS_HTML_HW_friends_page.html"> Friends </a>
</ul>
</body>
</html>
这是我的 HTML 页面，它应该与 SAME 文件夹中的 JS_CSS_HTML_HW_css_file.css 链接。我不知道为什么当我打开开发人员工具并尝试查看 CSS 文件的源代码时它是空的。我不明白。
这是我的 JS_CSS_HTML_HW_css_file.css
#headerblock h1{
background: #BEBEBE
}
所有这一切应该做的是使页眉具有灰色背景。为什么它不起作用？
最佳答案
1) 你的 css 中缺少一个分号:
#headerblock h1{
background: #BEBEBE;
}
2) 如果页面未加载，您应该会在加载页面时在开发人员控制台中看到找不到文件的消息。
关于html - 我的 CSS 文件没有链接到我的 HTML 文件，即使它们在同一个文件夹中，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/46636648/