Question

这是HTML：

<!DOCTYPE html>
    <head>
        <title> navigation practice</title>
        <link rel="stylesheets" type="text/css" href="style.css"/>
    </head>
    <body>
        <ul>
            <li><a href="#"> HOME</a></li>
            <li><a href="#"> ABOUT</a>
                <ul>
                    <li><a>camp sites</a></li>
                    <li><a>our team</a></li>
                    <li><a>wildlife</a></li>
                    <li><a>resources</a></li>
                </ul>
            </li>
            <li><a href="#"> CONTACT</a>
                <ul>
                    <li><a>email</a></li>
                    <li><a>phone</a></li>
                </ul>
            </li>
            <li><a href="#">things to do</a>
                <ul>
                    <li><a>shops</a></li>
                    <li><a>activities</a></li>
                    <li><a>trails</a></li>
                </ul>
            </li>
            <li><a href="#"> MORE</a></li>
        </ul>
    </body>
</html>

CSS仅具有：

body {
  background: blue
}

HTML和CSS都在同一文件中。我已经检查了链接的拼写，语法以及CSS中的任何错误。我也尝试过在其他浏览器中打开文件。每当我开始一个新项目时，我都会遇到这个问题。我正在使用记事本++。

Answer 1

问题出在样式表标签上，您在单词末尾添加了不必要的“ S”，应该是：

<link rel=" stylesheet " type="text/css" href="style.css"/>

不是 stylesheets 。

您忘记了在html声明和字符集声明之后打开<!doctype html>标记。这应该是这样的：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title> navigation practice</title>
        <link rel="stylesheet" type="text/css" href="style.css"/>
    </head>
    <body>
        <!--YOUR CODE HERE-->
    </body>
</html>

尝试在此处验证您的代码：https://www.freeformatter.com/html-validator.html。它将显示出问题所在。

HTML不会与CSS链接。它们都在同一个文件夹中

1 个答案: