如何将CSS文件加载到jsp中
Posted
技术标签:
【中文标题】如何将CSS文件加载到jsp中【英文标题】：how to load CSS file into 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文件。
【问题讨论】：
【参考方案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">
【讨论】：
以上是关于如何将CSS文件加载到jsp中的主要内容，如果未能解决你的问题，请参考以下文章
如何修改类文件和jsp页面后不用重启tomcat就可以自动加载呢
如何在 Swift 3 中加载带有 HTML 的 CSS 文件？