html - 为什么 CSS 文件不适用于我元素中的 html？

我不知道为什么外部 CSS 文件不适用于 html 文件。

我现在在 Cloud IDE(goormIDE - 类似于 C9)上编程。我想使用 node.js 将外部 CSS 文件链接到 Web 服务器上的 HTML 文件。但它不适用于 HTML。我研究了很多，但无法解决问题。

它有 3 个主要文件(index.html、style.css、main.js)，它们位于同一个文件夹中。

index.html

<!doctype html>
<html>
    <head>
        <title>YOONJONG</title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="style.css" type="text/css" >

    </head>
    <body>
    <a href="intro.html">INTRO</a>
    <a href="portfolio.html">PORTFOLIO</a>
    <a href="board.html">BOARD</a>
    <a href="contact.html">CONTACT</a>
    <p>blahblah</p>

    </body>
</html>

样式.css

a {
    font-size: 36px;
    font-weight: 800;
}
p {
    font-size: 20px;
}

主要.js

var http = require('http');
var fs = require('fs');
var app = http.createServer(function(request,response){
var url = request.url;
if(request.url == '/'){
  url = '/index.html';
}
if(request.url == '/favicon.ico'){
  response.writeHead(404);
    response.end();
    return;
}
response.writeHead(200);
response.end(fs.readFileSync(__dirname + url));

});
app.listen(80);

最佳答案

尝试改变:

<meta charset="utf-8"> <link rel="stylesheet" href="style.css" type="text/css" >

到:

<meta charset="utf-8" /> <link rel="stylesheet" href="style.css" type="text/css" />

关于html - 为什么 CSS 文件不适用于我元素中的 html？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/54481895/