在vscode中将css外部链接到html

yftpprvb  于 2023-05-02  发布在  Vscode
关注(0)|答案(1)|浏览(344)

就像一个傻瓜,我忘记了在开始我的项目之前在vscode中创建一个css文件/工作表,所以我在html中编写css。没什么大不了的(我想),我只是创建我的CSS链接和复制/粘贴。然而,在我的CSS为我工作之前,当我在我的HTML屏幕,它不再为我在其适当的CSS屏幕。我做错什么了吗?

[what its supposed to look like and does while in html page](https://i.stack.imgur.com/aIlsq.jpg)
[code in html screen](https://i.stack.imgur.com/K3dZ0.png)
[me, cutting selected css code to transfer](https://i.stack.imgur.com/oSVKx.jpg)
[code in css screen](https://i.stack.imgur.com/43e9F.png)
[how it shows up now 1](https://i.stack.imgur.com/R5EDz.jpg)
[how it shows up now 2](https://i.stack.imgur.com/EJbsj.jpg)

我试着在谷歌上搜索如何在vscode中将css链接到html,因为我很确定这是我遇到的主要问题,我甚至试着查看我订阅的许多教程,我只是不知所措,觉得是时候在我开始哭泣之前伸出手来了,哈哈。
请和泰提前,我也很抱歉,我不是很擅长问问题,这是我的第一个问题,以往任何时候都作为一个新手前端开发。

pbgvytdp

pbgvytdp1#

尝试指定相关性

如果你的CSS和你的HTML在同一个目录下,你可以像这样导入;

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

如果你的CSS在一个子目录中,而HTML在顶层,你可以这样导入;

<link rel="stylesheet" href="./directory/style.css" type="text/css" />

或者如果你的HTML在一个子目录中,而你的CSS在顶层,你可以像这样导入;

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

如果你不想为相对性而烦恼,你可以从你的项目的根导入;

<link rel="stylesheet" href="/style.css" type="text/css" />
    <link rel="stylesheet" href="/subdirectory/style.css" type="text/css" />
  • 此外,<link>标签应该仍然在<head>标签中,就像你有它一样。*
  • 此外,请包括您的代码作为文本而不是图像。*

相关问题