Question

我现在已经在我的GitHub个人资料上提交了几个项目，并且对于每个项目，在将项目部署到浏览器中时都不会出现CSS样式。它只显示为纯HTML。我已经研究了堆栈溢出问题的答案，并尝试了向他人推荐的技术，但我仍然得到相同的结果。

这是指向页面https://deniseo25.github.io/Excursion/的链接。

我的HTML编码：

<!DOCTYPE html>
<html>
  <head lang="en">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, inital-scale=1.0">
    <meta http-eqiv="X-UA-Compatible" content="ie-edge">
    <title>Excursion</title>
    <link href="./resources/css/style.css" type="text/css" rel="stylesheet"/>

  </head>
<body>
  <!--Landing Section-->

    <h1 class="header--main">Discover hidden places in the world around you</h1>
    <p><a class="link--cta" href="#">Download Excursion (Coming soon!)</a></p>
    <video autoplay muted loop>
      <source src="resources/videos/excursion.mp4" type="video/mp4">
    </video>

    <!--Information section-->

    <h2 class="header--secondary">Your personal travel guide</h2>
    <h4 class="header--subheader">Excursion remembers places you like, and recommends new points of interest around you.</h4>
    <p><img src="resources/images/camp.jpg" alt="camp"></p>

    <!--Coming Soon Section-->

    <p><img src="resources/images/phone.png" alt="phone"></p>
    <h4 class="header--subheader">Coming Soon for iPhone and Android</h4>
    <p><a class="link--cta" href="#">Download Excursion (Coming soon!)</a></p>

    <!--Footer Section-->

    <p class="footer-copyright">© Excursion</p>

</body>
</html>

Answer 1

您为CSS提供的路径不正确

https://deniseo25.github.io/Excursion/resources/css/style.css
点击此处，它将显示404

正确的路径是这样
https://deniseo25.github.io/Excursion/Resources/CSS/style.css
请更改，它将起作用
因此，在开头部分应该是

Argparse

Answer 2

这是因为服务器在尝试加载样式表时返回了404（未找到）。

部署后，CSS样式未显示在GitHub上

2 个答案: