Question

我有以下情况。

我在桌面上创建了一个Web文件夹，其中包含html文件Test.html和另一个包含myStyle.css文件的文件夹样式。

我正在尝试使用以下代码将.css文件与我的html链接，但它无效。

我该怎么做？

这是我的代码：

<head>
   <link href="Web/styles/myStyle.css" rel="stylesheet" type="text/css">
</head>

Answer 1

Test.html 在<{1}}文件夹中，因此当您查看相对于HTML文档时，不必输入Web文件夹。< / p>

您正在尝试阅读Web。

删除URI的$HOME\Desktop\Web\Web\styles\myStyle.css部分。

Web/

您还应该在属性之间留出空格。

href="styles/myStyle.css"

Answer 2

好像你的文件夹结构是这样的：

Web
  |--styles
  |      |--myStyle.css
  |--Test.html

如果您从Test.html引用样式表，则应将 relative 指定为Test.html的位置。指定Web不是一个好主意，因为包含Test.html的目录 - Web - 没有名为Web的子目录。

如果结构是我上面显示的方式，则路径应为styles/myStyle.css。

Answer 3

首先，您需要将我的第一个WebPage包含在标题标记中：

<title>My first WebPage</title>

然后您需要做的是将href属性指定为相对路径，因此假设您的css位于名为styles的目录中，链接将是：

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

另外，请确保“并在您的链接标记中输入。

。”

我希望这会有所帮助