Question

我试图将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;
}

Answer 1

我假设您正在通过桌面查看/访问您的文件。虽然不清楚您是否使用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文件的文件夹即可。

Answer 2

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

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

Answer 3

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

希望这对你有所帮助。

快乐的编码！

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

3 个答案: