css文件不加载快速手柄

我在使用快速手柄时遇到了CSS访问的问题。我看不出有什么问题，我想请你帮忙

这是我的工作区：

在我家。车把：

在my home.css中：

页脚{ 背景色：蓝色；}

它没有按照我的要求显示蓝色背景，而是什么也没有显示：

页脚代码：

    <footer>
    <font size = 4>
        <h5>© 2019 Suplementos Atlética</h5>
    </font>
</footer>

©2019年亚特兰蒂斯苏普莱门托斯酒店

---

在expresss中，必须将express设置为static。下面的代码如下所示：

app.use（express.static（'public'））；

现在，您可以在根应用程序中创建一个

public

文件夹，在公用文件夹中创建一个

css

文件夹，并将您的风格放到其中

因此，具有的目录如下所示：

• src
• public>css>home.css
• 观点

如何使用？您可以这样调用您的链接：

<link rel="stylesheet" href= "/css/home.css">

例如，您可以在此处查看我的示例项目：

---

我希望它能帮助您。

在express中，您必须将express设置为静态。下面的代码如下所示：

app.use（express.static（'public'））；

现在，您可以在根应用程序中创建一个

public

文件夹，在公用文件夹中创建一个

css

文件夹，并将您的风格放到其中

因此，具有的目录如下所示：

• src
• public>css>home.css
• 观点

如何使用？您可以这样调用您的链接：

<link rel="stylesheet" href= "/css/home.css">

例如，您可以在此处查看我的示例项目：

---

我希望它能帮助您。

创建一个名为“public”的基本文件夹，然后创建一个“css”文件夹，其中包含所需的css文件

此外，在index.js中，请确保您具有以下内容：

    var app = express();
    //serve up your main public folder
    app.use('/', express.static(path.join(__dirname, '../public')));`
    //set the layout engine your using
     app.engine('handlebars', exphbs());
     app.set('view engine', 'handlebars');
     app.get('/', function (req, res) {
     // would render your home.handlebars page
         res.render('home');
     });

---

您的公用文件夹应该具有

css/home.css

，并且它应该呈现在您创建的主页中

创建一个名为“public”的基本文件夹，然后创建一个包含所需css文件的“css”文件夹

此外，在index.js中，请确保您具有以下内容：

    var app = express();
    //serve up your main public folder
    app.use('/', express.static(path.join(__dirname, '../public')));`
    //set the layout engine your using
     app.engine('handlebars', exphbs());
     app.set('view engine', 'handlebars');
     app.get('/', function (req, res) {
     // would render your home.handlebars page
         res.render('home');
     });

---

你的公用文件夹应该有

css/home.css

，它应该呈现在你创建的主页中

请给我们一些代码。至少包含具有页脚类的元素。谢谢你的评论，对此我很抱歉。我更新了。请给我们看一些代码。至少包含具有页脚类的元素。谢谢你的评论，对此我很抱歉。我有更新。首先，谢谢你试着帮助我。事实上，这不起作用，但我感谢你的帮助。我不确定发生了什么。它不起作用，因为您这样称呼它：

。你可以看到我的答案，我已经更新了。如果对你有帮助，别忘了标记为

正确答案

✔️ 投票表决。先谢谢你。首先，谢谢你试着帮助我。事实上，这不起作用，但我感谢你的帮助。我不确定发生了什么。它不起作用，因为您这样称呼它：

。你可以看到我的答案，我已经更新了。如果对你有帮助，别忘了标记为

正确答案

✔️ 投票表决。谢谢你，谢谢你！真棒的帮助。我没有文件夹。实际上，您编写的app.use行代码不起作用，但是，正如前面所评论的，app.use（express.static（'public'））；工作。多谢各位！多谢各位！真棒的帮助。我没有文件夹。实际上，您编写的app.use行代码不起作用，但是，正如前面所评论的，app.use（express.static（'public'））；工作。多谢各位！