Question

我确定它很简单，但是我用谷歌搜索了太多不同的解决方案，以了解我现在出了问题。我计划在适当的时候使它成为一个完整的网站，但我仍然很新鲜。任何帮助表示赞赏。这是标题和导航，后面跟着我一直在修改的CSS

/*General Styles*/
body{
  padding: 0;
  margin: 0;
  background-color: #007bff;

}
header nav #left{
  background: #0f6674;
  color: #f2f2f2;
  padding-top: 50px;
  min-height: 70px;
  border-bottom: #c82333;
}

header nav {
  color: #f2f2f2;
  text-decoration: none;
  font-size: 14px;
}
header ul{
  padding: 0;
  margin: 0;
}
header li{
  float: left;
  display: inline;
  padding: 0 20px 0 20px;
}
/*Positions Container*/
.container{
  position:relative;
  width: 80%;
  margin: auto;
  overflow: hidden;
}

：

<!doctype HTML>

<html>

<head>
  <title> Artistic Audio & Visual D.C. </title>
  <meta name="description" content="Distributed Home Systems"/>
  <meta name = "author" content ="Elishua S. Brown"/>
  <meta name="authorURL" content="http://www.artavdc.com/index.html"/>

  <!--Mobile Specific-->
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <!--Internet Explorer-->
  <meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'/>

  <!--Bootstrap-->
  <link href="bootstrap.css" rel="stylesheet"/>

  <!-- Reset page styles & Add Custom Styles-->
  <link href="Styles.css" rel="stylesheet" />
  <link href="Reset.css" rel="stylesheet" />
  <script	src="Homepage.js"> </script>


  <title> Artistic Audio/Visual | Welcome! </title>
</head>

  <body>

  <header>

  <!--Navigation Bar-->
    <!--Add Logo to SRC-->
  <img src= "src/img/Artav-logo-w.jpg" id="logo" alt="" />

    <div id= NavBarImg"></div>



      <nav>

        <ul id="left">

          <h1>You Imagine It, We Create It</h1>
          <li><a href="Artistic%20Home.html">Artistic Home</a></li>
          <li><a href="Audio.html">Audio Installation</a></li>
      


        </ul>
        <ul id="right">
          <li><input type="search" id="navSearch" placeholder="Search"></li>

          <h2>Subscribe to Recieve Special Offers & Updates</h2>

          <form>
            <input type="text" placeholder="Company Name.."/>
            <input type="email" placeholder="Email.."/>
            <button type="submit">Subscribe</button>


          </form>

          <!--Add link to Appointment Request Form-->
          <li><a href="">Request Appointment</a></li>



        </ul>

    </nav> <!--End Nav-->

据我所知，我已经关闭并正确使用了所有标签。这一定很简单，我不确定。

Answer 1

当您要包含同一目录中的文件时，应使用./Reset.css。

如果文件位于另一个目录中，则应使用./css/Reset.css。

另外请注意，如果您希望文件可以工作，则应使用大写字母命名。

根据您在注释中留下的路径，应包括以下内容：

./src/CSS/Styles.css

CSS拒绝显示在我的页面上。目录问题？ WebPack？

1 个答案: