Question

当我运行此代码时，没有任何显示。但在codecademy上，似乎工作正常。我不确定是否与链接或其他内容有关，但请帮忙。答案可能很明显，但我是初学者，所以我需要帮助。这是html：

<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" type="text/css" href="C:\Users\Cohrs Kids\Desktop\menu.css"/>
        <script type="text/javascript" src="script.js"></script>
    </head>
    <body>
    <div id= "one"></div>
      <div id= "two"></div>
      <div id= "back"></div>
      <div id= "createone"></div>
      <div id= "createtwo"></div>
      <div id= "delete"></div>
    </body>
</html>

这是CSS：

body {
     height: 100%
}

#one {
    height: 50%;
    background-color: blue;    
    width: 15%;
    position: relative;
    left:20%;
    top:25%;
}
#two{   
    height: 50%;
    background-color: blue;    
    width: 15%;
    position: relative;
    left:60%;
    bottom:23%;

}
#back{
 background-color: red;  
 height: 10%;
 width: 15%;
 position: relative;
 bottom: 95%;
}
#createone{
   background-color: #99ffff;  
   height: 10%;
   width: 15%;
   position: relative;
   bottom: 52%;
   left: 20%;

}
    #createtwo{
   background-color: #99ffff;  
   height: 10%;
   width: 15%;
   position: relative;
   bottom: 60%;
   left: 60%;

}
#delete{
  background-color: red;
  height: 9%;
   width: 6%;
    position: relative;
   left: 29%;
   bottom:61.5%;





}

Answer 1

你应该像这样构建你的文件夹：

folder
├──── index.html
├──── menu.css
└──── script.js

然后像这样引用css文件：

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

如果您只是编写文件名，例如href="menu.css"，它将在同一目录中找到名为menu.css的文件。

如果你在它之前添加一个斜杠，比如href="/menu.css"，它会在文件树中尽可能地上升并在那里使用该文件。

如果你之前添加../，就像href="../menu.css"那样，它会上升到一个文件夹并在那里使用该文件。

CSS链接不起作用或某些东西

1 个答案: