在vscode中将css外部链接到html

yftpprvb 于 2023-05-02 发布在 Vscode

关注(0)|答案(1)|浏览(287)

就像一个傻瓜，我忘记了在开始我的项目之前在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，因为我很确定这是我遇到的主要问题，我甚至试着查看我订阅的许多教程，我只是不知所措，觉得是时候在我开始哭泣之前伸出手来了，哈哈。
请和泰提前，我也很抱歉，我不是很擅长问问题，这是我的第一个问题，以往任何时候都作为一个新手前端开发。

css

来源：https://stackoverflow.com/questions/76138662/linking-css-externally-to-html-in-vscode

1条答案

按热度按时间

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>标签中，就像你有它一样。*
此外，请包括您的代码作为文本而不是图像。*

赞(0）回复(0）举报 2023-05-02

我来回答

在vscode中将css外部链接到html

1条答案

尝试指定相关性

相关问题

热门标签

最新问答