无法使CSS与我的HTML一起显示在记事本中++；_Css

无法使CSS与我的HTML一起显示在记事本中++；

css

无法使CSS与我的HTML一起显示在记事本中++；,css,Css,我肯定我做错了什么，但我正在尝试学习在记事本上建立一个网页+，我已经把我的html文件和css文件分开了。将它们保存在同一个项目文件夹中，将css链接到我的HTML，但当我在浏览器上运行HTML时，css不会显示 <!DOCTYPE HTML> <HTML> <head> <title>Coming soon!</title> <link rel="stylesheet" type="te

我肯定我做错了什么，但我正在尝试学习在记事本上建立一个网页+，我已经把我的html文件和css文件分开了。将它们保存在同一个项目文件夹中，将css链接到我的HTML，但当我在浏览器上运行HTML时，css不会显示

<!DOCTYPE HTML>
<HTML>

    <head>
        <title>Coming soon!</title>
        <link rel="stylesheet" type="text/css" href="style.css">
    </head>

    <body>
        <div class="nav">
            <div class="container">
                <ul>
                    <li>Find Cards</li>
                    <li>About us</li>
                </ul>
                <ul>
                    <li>Log In</li>
                    <li>Sign up</li>
                    <li>Help</li>
                </ul>
            </div>
        </div>
        <div class="jumbotron">
            <div class="container">
                 <h1> Store & Event Locator</h1>

                <p>Find a place to buy, trade, or play at home or on the road</p>
            </div>
        </div>
        <div>
             <h2>Buy or Trade</h2>

            <p>From store fronts, online, to private collectors, we connect you with traders around the country</p>
            <p><a href="#"> Buy or Trade</a>

            </p>
        </div>
        <div class="learn-more">
            <div class="container">
                <div>
                     <h3>Show off your skills</h3>

                    <p>Have a new deck? let's see what you've got. Here you can find Events, game nights, and casual play.</p>
                    <p><a href="#"> Find games</a>

                    </p>
                </div>
            </div>
    </body>

</html>

但是当我试着运行它时，没有css，只有HTML

我在这方面发现的任何东西都没有包括一个实际的答案，而只是人们的想法。请提供帮助，以便我可以继续下一步。

假设您的目录结构是这样的

--Root
   --index.html
   --style.css

从此更改您的HTML

<div class="nav">
<div class="container">
 <ul>
  <li>Find Cards</li>
  <li>About us</li>
 </ul>
 <ul>
  <li>Log In</li>
  <li>Sign up</li>
  <li>Help</li>
</ul>



找牌
关于我们


登录
报名
帮助

至`

 <div class="nav">
    <div class="container">
     <ul>
      <li><a href="#">Find Cards</a></li>
      <li><a href="#">About us</a></li>
     </ul>
     <ul>
      <li><a href="#">Log In</a></li>
      <li><a href="#">Sign up</a></li>
      <li><a href="#">Help</a></li>
    </ul>
   </div>
   </div>`

此外，检查控制台是否有任何错误

如果有问题一定要回来

检查style.css的路径。也没有

你试过造型吗？.nav？先生，非常感谢。就这样！我只是想设计一些一开始就不存在的东西。谢谢你指出这一点！是的，谢谢，我只是没有一个导航到风格。我相信我给了你积极的反馈，但我还是新手。再次感谢！
 <div class="nav">
    <div class="container">
     <ul>
      <li><a href="#">Find Cards</a></li>
      <li><a href="#">About us</a></li>
     </ul>
     <ul>
      <li><a href="#">Log In</a></li>
      <li><a href="#">Sign up</a></li>
      <li><a href="#">Help</a></li>
    </ul>
   </div>
   </div>`