将CSS链接到HTML背景颜色

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文件确实命名为“ style.css”。

Answer 2

尝试做class =“ background”

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

Answer 3

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

<base href="/">

此线程可能会为您提供更多帮助

将CSS链接到HTML背景颜色

问题描述

3 个解决方案

解决方案1
0 2017-03-29 00:02:44

解决方案2
0 2017-03-29 00:19:56

解决方案3
0 2017-03-29 00:44:52

将CSS链接到HTML背景颜色

问题描述

3 个解决方案

解决方案1 0 2017-03-29 00:02:44

解决方案2 0 2017-03-29 00:19:56

解决方案3 0 2017-03-29 00:44:52

解决方案1
0 2017-03-29 00:02:44

解决方案2
0 2017-03-29 00:19:56

解决方案3
0 2017-03-29 00:44:52