html - CSS 不会链接到 HTML

问题描述

（这里是初学者...）

我的 CSS 不会链接到我的 HTML。我正在使用 GOORM IDE，我已经阅读了有关此主题的其他问题并尝试了他们的解决方案，但似乎没有一个有效（当我应用内联 CSS 时，它工作得很好），到目前为止我已经尝试过：

将 main.css 移动到与 header.ejs 文件相同的文件夹
添加 type="text/css"
将href更改为：

main.css

/main.css

/stylesheets/main.css

/public/stylesheets/main.css

../stylesheets/main.css

这些都没有奏效。有任何想法吗？如果可能，我想将 CSS 保存在单独的文件夹中。如果有用的话，我也会在 GOORM 上包含文件结构的屏幕截图。

<!DOCTYPE html>
<html>
    <head>

        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js">
        <link href="https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,400;0,700;1,400&display=swap" rel="stylesheet">
        <link rel="stylesheet" href="main.css">

标签： htmlcss

嗯，我不确定，但我认为您基于图像的路径应该是

    <link rel="stylesheet" href="stylesheets/main.css">

html - CSS 不会链接到 HTML

问题描述

解决方案

推荐阅读