如何在 Visual Studio Code 中外部链接 Css答案

【问题标题】：How to Link Css Externally In Virtual Studio Code如何在 Visual Studio Code 中外部链接 Css
【发布时间】：2021-05-03 16:57:51
【问题描述】：

我正在使用 VS 代码创建一个网站，上面写着 Hello World！我正在尝试使用<link rel='stylesheet type='text/css' href='style.css'>。除非它没有正确链接。在 css 文件中我有 h1{color:red;} 但 h1 不是红色的。如果我将样式标签放在 HTML 文件中，它确实可以工作。如何在外部链接 css 代码？

<!DOCTYPE html>
<html>
    <head>
        <title>Testing VS Code</title>
        <link rel='stylesheet' type='text/css' href='style.css'>
    </head>
    <body>
        <h1 id='test'>Hello World!</h1>
    </body>
</html>

//node.js server: 
var http = require('http');
var fs = require('fs');

const PORT=8080; 

fs.readFile('index.html', function (err, html) {

    if (err) throw err;    

    http.createServer(function(request, response) {  
        response.writeHeader(200, {"Content-Type": "text/html"});  
        response.write(html); 
        response.end();  
    }).listen(PORT);
});

如何正确链接 css 文件？

【问题讨论】：

标签： javascript html css hyperlink

【解决方案1】：

如果您的style.css 位于同一目录中的 css 文件夹中，则需要调整您的 css 文件路径，如果您使用的是 Windows，则只需单击 ctrl 和 hreflink，您需要调整 <link rel="stylesheet" href="./css/style.css">，它'如果该目录中存在路径，将显示您

【讨论】：