Question

我不知道为什么外部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>

style.css

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

main.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);

Answer 1

尝试更改：

<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" />

为什么CSS文件不适用于我项目中的html？

1 个答案: