Question

<!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
}

所有这一切应该是使标题具有灰色背景。为什么不起作用？

Answer 1

1）你的css中缺少一个半冒号：

#headerblock h1{
    background: #BEBEBE;
}

2）如果页面未加载，则在加载页面时，应在开发人员控制台中看到“找不到文件”消息。

Answer 2

代码完全没问题。

我相信你必须尝试更改文件名并删除下划线JS_CSS_HTML_HW_css_file.css到更简单的stlylehtml.css

还添加;在#BEBEBE之后

这个工作。

干杯。

我的CSS文件即使在同一文件夹中也没有链接到我的HTML文件

2 个答案: