如何将CSS文件加载到jsp中答案

【问题标题】：how to load CSS file into jsp如何将CSS文件加载到jsp中
【发布时间】：2011-11-15 00:08:24
【问题描述】：

我创建了一个jsp页面如下：

<%@ page contentType="text/css" %>
<html>
<head>
<title>Login page</title>
<link href="/css/loginstyle.css" rel="stylesheet" type="text/css">
</head>
<body>
<h1> India welfare</h1>
<p> welcome </p>
</body>
</html>

并将其命名为 login.jsp

我还创建了一个名为 loginstyle.css 的 css 文件，.css 文件的代码如下：

body
{
background-color:#d0e4fe;
}
h1
{
color:orange;
text-align:center;
}
p
{
font-family:"Times New Roman";
font-size:20px;
}

css和jsp的目录结构如下： webcontent/welfare_web/css 用于 .css 文件和 webcontent/welfare_web/login 用于 jsp 文件

编程编辑器是eclipse，我使用的服务器是tomcat 7.0。当我尝试使用 tomcat 服务器运行 login.jsp 文件时。 css 文件没有显示任何效果。我的意思是输出是普通文本，而不是按照 CSS 文件。

请帮我如何制作.css文件以影响jsp文件。

【问题讨论】：

标签： java jsp-tags

【解决方案1】：

如果一切看起来都正确，尽管它仍然不起作用，我邀请您像这样在 web.xml 中加载静态文件

<servlet-mapping>
    <servlet-name>default</servlet-name>
    <url-pattern>/includes/*</url-pattern>
</servlet-mapping>

之后

<!-- bootstrap css -->
<link rel="stylesheet" type="text/css" href="/includes/asserts/css/bootstrap.min.css"/>

【讨论】：

【解决方案2】：

我用这个版本

<style><%@include file="/WEB-INF/css/style.css"%></style>

【讨论】：

【解决方案3】：

我也有同样的问题。然后我意识到 在 MainPageServlet 中 @WebServlet 注释中的 urlPatterns 参数包含“/”，因为如果用户进入 www.site.com/ 部分，我想转发到 MainPage /em> 。当我尝试从浏览器打开 css 文件时，url 是 www.site.com/css/desktop.css，但页面内容是 THE PAGE MainPage.jsp。因此，我删除了“/”urlPattern，现在我可以使用最常见的解决方案之一（${pageContext.request.contextPath}/css/desktop.css）在我的 jsp 文件中使用 CSS 文件。确保您的 servlet 不包含“/”urlPattern。我希望这也对你有用， - 阿克塞尔·蒙蒂尼

【讨论】：

【解决方案4】：

你可以这样写。这是因为每当您更改上下文路径时，您都不需要修改您的 jsp 文件。

<link rel="stylesheet" href="${pageContext.request.contextPath}/css/styles.css" />

【讨论】：

【解决方案5】：

css href 链接不正确。改用相对路径：

<link href="../css/loginstyle.css" rel="stylesheet" type="text/css">

【讨论】：