Question

我正在使用node.js运行本地网站，并且无法将css链接到html。

html是：

<!DOCTYPE html>
<html>

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

</head> 


<body id="background">
    <h1> My Website </h1>
    <span style="float:right">
    <a href = "https://google.com/"> Google </a>
    </span>
</body>

和css是：

#background {
  background-color: #0099FF;
}

我无法在网站上查看css的效果，也无法更改背景颜色。

我检查过在线资源，似乎语法是正确的。 css文件style.css与html位于同一目录中。 html正在本地网站上工作，但不是css。

更新：我正在添加app.js文件

var http = require('http'),
    fs = require('fs');


fs.readFile('./header.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(8080); 
});

Answer 1

您的语法看起来正确。绝对检查浏览器控制台，看看是否有查找css文件的错误。我会检查以确保css文件确实命名为＆＃34; style.css＆＃34;。

Answer 2

尝试做class =“background”

然后在css中执行.background而不是#background

Answer 3

尝试将此代码放在标题标记下的行

<base href="/">

This thread might help you more

将CSS链接到HTML背景颜色

3 个答案: