CSS 文件未在 Eclipse 中链接

Question

我有一个简单的 HTML 文件

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> Resources Test </title>
<link rel="stylesheet" type="text/css" href="css/demo.css">
</head>
<body>
<h1> This is a HTML resource. </h1>
</body>
</html>

还有一个CSS文件

h1{
    background-color: red;
}

HTML 文件和 CSS 文件都在同一文件夹中。

仍然在打开本地主机时，我没有进行任何 CSS 编辑。

我试过使用 <link rel="stylesheet" type="text/css" href="../css/demo.css"> 但即使这样也没有用

Answer 1

试试 <link rel="stylesheet" href="demo.css"> 或者，

h1{
    background-color: red;
}

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> Resources Test </title>
<link rel="stylesheet" type="text/css" href="css/demo.css">
</head>
<body>
<h1> This is a HTML resource. </h1>
</body>
</html>
<!--the href doesn't matter here since this is auto sourced to the css, but in your project it will-->

，我认为您不需要在外部样式表上指定类型。如果这不起作用，也许可以尝试在 body 上设置背景颜色进行测试，它可能是代码。如果 that 不起作用，另一种方法是将 CSS 直接放入 HTML 文件，方法是将 <style> 标记放入 header，然后把你的 CSS 放在那里。最后，尝试将文件的确切位置放在桌面上，前面有一个 file:///，你可以在 windows 上通过在文件资源管理器 right-clicking 中转到你的文件来执行此操作，点击属性，然后点击常规，然后选中 location，并将其复制到您的 link 样式表 href.

CSS 文件未在 Eclipse 中链接

CSS file not linking in Eclipse

html

css

eclipse