在eclipse java-ee中制作动态网页时没有链接CSS文件

时间:2015-07-27 06:33:11

标签: java css jsp web

我正在学习jsp,只是在eclipse项目的web-inf文件夹中创建了一个索引文件。但是css文件没有与我的索引文件链接。我已尝试在网上提供的所有内容来解决此问题,但它没有用。索引文件是:

<!DOCTYPE html>

<html>
<head>
<title>Core Software Solutions</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link href="layout/styles/layout.css" rel="stylesheet" type="text/css" media="all">

css文件位于web-inf / layout / styles

3 个答案:

答案 0 :(得分:1)

将web-inf文件夹的css文件夹parrell或outside of web-inf放入。你可以访问css文件。

简单Web应用程序的目录结构:

  

的index.html
      Default.jsp的
      anotherJsp.jsp
      图片/ logo.jpeg
      CSS / abc.css
      WEB-INF /班/ *。类
      WEB-INF / lib目录/ *。JAR
      WEB-INF / web.xml中

额外的网络资源总是应该是web-inf目录和相对于你的jsp或html文件。

答案 1 :(得分:0)

我认为您需要检查两件事。

  1. css文件的路径。 我想你必须添加&#39; ./'在你的href路径前面。 &#39; ./&# 39;表示当前目录。如果您的html文件和css文件位于同一目录中,这将起作用。或者你的css文件在任何不同的目录中?您是否尝试过放置css文件的绝对路径?如果没有,请先试试。

  2. 如果路径没问题,请检查css文件的权限。

答案 2 :(得分:0)

我遇到了同样的问题,

我使用JSTL EL标记<c:url />解决了这个问题。但是如果你想以这种方式使用它,你需要使用.jsp文件,而不是.html并导入JSTL库。

以这种方式使用代码<c:url /><link href="<c:url value="/css/style.css"/>" rel="stylesheet">

所以,首先需要做的是导入JSTL库,如果你有maven项目,只需将这些行添加到<dependencies></dependencies>部分之间的pom.xml文件中:

<dependency>
    <groupId>javax.servlet</groupId>
    <artifactId>jstl</artifactId>
    <version>1.2</version>
</dependency>

然后,您需要在.jsp文件中指定使用JSTL EL语言的前缀。因此,请将此行<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>放在.jsp文件中的<!Doctype>标记上方。现在,您可以使用前缀c的EL标记,这就是我使用<c:url />

的原因

现在关于目录结构。 如果你像这样使用href属性中的链接:  <link href="<c:url value="/css/style.css"/>" rel="stylesheet">您需要将<。jsp文件放在与css目录相同的目录级别。 示例:

  

index.jsp
  图片/
  css / style.css
  WEB-INF /
  META-INF /

试试吧