我的CSS文件无法链接,我不知道为什么

时间:2017-10-05 01:33:57

标签: html css

我试图将p1.css链接到p1.html,但由于某种原因它无法正常工作。它位于我桌面上的一个名为115的文件中,位于一个名为css的文件中,但无论我添加或删除它,它都不会显示出来。我做错了什么?

<!DOCTYPE html>
<html lang="en">
<head>
<title>CIS 115 - Project 1</title>
<p lang="en"></p>
<meta charset="utf-8">
<meta name="Project 1" content="">
<meta name="Kim Peoples" content="Kim Peoples">
<link rel="stylesheet" type="text/css" href="115/css/p1.css">
<script src="115/p1/p1.js"> </script>
</head>

这是css,我正在制作过程中,但我想确保它首先链接。

body {
background-color: green;
}

3 个答案:

答案 0 :(得分:0)

我假设您正在通过桌面查看/访问您的文件。虽然不清楚您是否使用localhost服务器。这就是我认为你的文件树流程是什么......

/115
-/css
 -- p1.css
-/p1
 -- p1.js
- index.html

然后在你的HTML中,它应该是这样的。

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>CIS 115 - Project 1</title>
  <meta name="description" content="Kim Peoples - CIS 115 Project">
  <link rel="stylesheet" type="text/css" href="css/p1.css">
  <script src="p1/p1.js"> </script>
</head>

注意:由于您要在115文件夹中启动索引,因此您不必在内部文件中包含115个文件夹。只需简单地附加媒体文件和CSS / JS文件的文件夹即可。

答案 1 :(得分:0)

  • 首先你必须在浏览器窗口按ctrl + u并检查css路径 已经到来了吗?点击后css将正确显示 不是吗?
  • 如果仍然出现问题,请在浏览器中使用inspect元素进行检查。按f12 在浏览器窗口中。

    仍然问题然后你可以在!important中使用element属性;在css 代码

答案 2 :(得分:-1)

也许试试../115/css/p1.css? 好像您的绝对路径不正确。 以下是有关绝对路径和相对路径的更多信息的链接: Absolute vs Relative Pathlinks

希望这对你有所帮助。

快乐的编码!