在eclipse动态web项目中,如何将css链接到webcontent文件夹中的jsp文件

Question

在Eclipse中,我在WebContent文件夹下创建了一个Dynamic Web Project和一个JSP文件.我还在WebContent文件夹下创建了一个CSS文件.然后我<link rel="stylesheet" type="text/css" href="XXX.css">在JSP中使用链接到CSS文件,但是当我在Web服务器(Tomcat)上运行时,CSS不适用.有人可以告诉我为什么吗？

Answer 1

您必须将Web项目名称放在css文件的地址路径之前

例:

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

或者以更动态的方式:

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

玩得开心 :)

Answer 2

您可以使用:在WEB-INF/jsp文件夹中使用style.css文件

<style type="text/css">
  <%@include file="css/style.css" %>
</style>

注意

然而,这会将CSS文件的整个源复制到JSP页面的HTML输出中.换句话说,这是服务器端包含,而不是客户端资源引用.因此,您实际上错过了浏览器可以缓存静态资源的优势,这样您最终会产生带宽浪费,因为每个页面都嵌入了相同的CSS文件.换句话说,在性能和效率方面一个坏主意.

正如@BalusC在评论中描述的那样!无论如何,你想测试你的style.css文件,这是一个解决方案.