将CSS链接到HTML背景色_Html_Css_Node.js

将CSS链接到HTML背景色

html css node.js

将CSS链接到HTML背景色,html,css,node.js,Html,Css,Node.js,我正在使用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>

我正在使用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的效果，也无法更改背景颜色

我查看了在线资源，似乎语法是正确的。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); 
});

您的语法看起来正确。一定要检查浏览器控制台，看看查找css文件是否有错误。我会检查以确保css文件确实命名为“style.css”。

您的语法看起来正确。一定要检查浏览器控制台，看看查找css文件是否有错误。我将检查以确保css文件确实命名为“style.css”。

尝试执行class=“background”

然后在css中使用do.background而不是#background

尝试使用class=“background”

然后在css中do.background而不是#background

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

<base href="/">

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

<base href="/">

浏览器控制台中是否有错误？是否使用expressjs？如果是这样，您需要为面向公众的文件（如css、javascript或图像）创建一个文件夹，然后配置应用程序以使用它。如果希望公用文件夹的名称为“public”，则必须在目录中创建该文件夹，然后在应用程序集app.use（express.static（path.join（u dirname，'public'））中创建该文件夹；尝试添加锚定标记并href=“style.css”。如果浏览器进行导航，并且您看到了css内容，则表示您的本地服务器正在工作。如果您没有运行服务器类型file://.......absolute css样式表的路径。。。。在浏览器中…尝试-背景色：#0099FF！重要的；当我在chrome中查看网站并导航到style.css文件时，它只显示html文件，因此可能是浏览器问题，无法识别css。我要试试锚标签。我还更新了帖子，加入了app.js文件。据我所知，我没有使用expressjs，但我对这个主题不熟悉，所以我不确定您在浏览器控制台中是否有任何错误？您是否使用expressjs？如果是这样，您需要为面向公众的文件（如css、javascript或图像）创建一个文件夹，然后配置应用程序以使用它。如果希望公用文件夹的名称为“public”，则必须在目录中创建该文件夹，然后在应用程序集app.use（express.static（path.join（u dirname，'public'））中创建该文件夹；尝试添加锚定标记并href=“style.css”。如果浏览器进行导航，并且您看到了css内容，则表示您的本地服务器正在工作。如果您没有运行服务器类型file://.......absolute css样式表的路径。。。。在浏览器中…尝试-背景色：#0099FF！重要的；当我在chrome中查看网站并导航到style.css文件时，它只显示html文件，因此可能是浏览器问题，无法识别css。我要试试锚标签。我还更新了帖子，加入了app.js文件。据我所知，我没有使用expressjs，但我对这个主题还不熟悉，所以不确定