Question

运行代码时，我的html的CSS不适用。

但是，当我在intellij中将内置的HTML显示器用于chrome时，它确实可以工作。

我们正在用Java编程，并使用Spring框架创建了一个网站。一直在尝试我在该主题上能找到的一切。

但是，如果我不使用样式表，而是直接在html中实现样式，则效果很好，但是我不想使所有带有样式的html页面杂乱无章。

在我的html中，我使用了：

<head>
<link rel="stylesheet" type="text/css" href="static/style.css" />
</head>

我还测试了其他可以使用的CSS样式，以查看是否有帮助，所以我知道不是那样的。

编辑：

我的控制器中的代码

@GetMapping("/")
public String home(Model model) {

    if (currentUser==null) {
        return "home";
    } else {
        model.addAttribute("userOnline",currentUser);
        return "adminView/aHome";
    }
}

css在任何页面上均不起作用，但我从首页开始：

<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">

<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" href="/static/style.css" />
</head>

<body>
<div class="navbar">
    <a href="home">Home</a>
    <a href="portfolio">Portfolio</a>
    <a href="contact">Contact</a>
    <a href="login">Login</a>
</div>
<div class="main">
    <h1>Fixed Top Menu</h1>
</div>

</body>
</html>

The structure looks like this

当我在http://localhost:8888/上运行程序时，它不起作用，但是intellij具有一个功能，该功能可以在chrome中向我显示将页面发送到http://localhost:63342/demo/templates/home.html?_ijt=kd3vqt392jk8ggqv8ctthtemsi#contact的页面，该页面可以正常工作。

编辑2：

我什么都没尝试，但是现在可以了，不知道为什么。

Answer 1

最有可能带有文件路径。如果您使用的是HTML5，请执行以下操作：

<head>
<link rel="stylesheet" href="static/style.css">
</head>

如果这不起作用，请检查CSS文档的文件路径。可能是您缺少了/，/static/style.css或../static/style.css等。如果不看代码等就很难解决问题，但这是我唯一的解决方案立即开始。

运行程序时CSS不起作用，但是当我不在时CSS起作用

1 个答案: