<link rel =“stylesheet”type =“text / css”href =“../ styles.css”/>不工作

时间:2018-02-25 05:40:19

标签: javascript html css stylesheet

Here's the Directory screenshot 1 Here's the Directory screenshot 2 我试图建立一个Twitter克隆作为我的第一个PHP项目。但我面对这个问题;浏览器无法找到CSS文件。这是代码:

&#13;
&#13;
/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  margin-bottom: 60px; /* Margin bottom by footer height */
}
footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60px; /* Set the fixed height of the footer here */
  line-height: 60px; /* Vertically center the text there */
  background-color: #f5f5f5;
}


.container {
  width: auto;
  max-width: 680px;
  padding: 0 15px;
}
&#13;
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="../styles.css">
    <title>Twitter</title>
</head>
&#13;
&#13;
&#13;

styles.css位于当前文件夹的一级文件夹中。救救我!

1 个答案:

答案 0 :(得分:0)

如果您使用文档相对链接,则会让您头疼。我总是将我的链接设为根相对而

  

/css/styles.css

或相对于root的路径而不是

  

../ styles.css的

由于搬家和记录相关链接,我在职业生涯中遇到了很多错误。