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

Question

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

Answer 1

您必须将您的网站项目名称放在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文件的整个源复制到HTML中   JSP页面的输出。换句话说，这是服务器端包含，   不是客户端资源引用。所以你有效地错过了   浏览器可以通过这种方式缓存静态资源的优势   最终带宽浪费，因为CSS文件非常相似   嵌入在每一页中。换句话说，就一个坏主意而言   绩效和效率。

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

Answer 3

你可以使用

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

Answer 4

您应该重新启动eclipse，以便再次映射所有css和javascript文件。 我为我工作。