Question

我正在尝试将我在eclipse中创建的css链接到jsp，当我运行项目时，我的浏览器没有结果。我已经通过多种方式尝试了它，方法是

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

<link rel="stylesheet" href="boe/WebContent/first.css" type="text/css">

<link rel="stylesheet" href="(my full path to the file)" type="text/css">

我已经尝试了很多，以至于我不记得我是怎么做到这一点的。我得到了这个

Tag (link) should be an empty-element tag.

作为警告错误。

我无法找到创建css并将其链接到jsp的任何步骤，因此它可以显示在我的浏览器中。

这是我的jsp和css的代码。

JSP：

<?xml version="1.0" encoding="UTF-8" ?>
<%@ page import="java.util.*" language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <link rel="stylesheet" href="css/first.css" type="text/css">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>TestPage - Test1</title>
</head>

<body>
    <div id="page-container">Hello World</div>
    <%Date d = new Date(session.getLastAccessedTime());%>
    this page was last viewed <%= d.toString() %>
</body>
</html>

的CSS：

@CHARSET "UTF-8";
html, body {
    margin:0;
    padding:0;
}

#page-container {
    width: 760px;
    margin: auto;
    background: red;
}

任何有关逐步找到的帮助，或者如果您有一个很好的解释，我们将不胜感激。谢谢

Answer 1

标签（链接）应该是一个空元素标签。

此错误消息告诉您link标记需要结束斜杠：

<link rel="stylesheet" href="css/first.css" type="text/css" /> <-- see the closing '/'

如果这不能解决问题，我的猜测是你的路径不太正确。

Answer 2

我改变了

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

到

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

在我的eclipse项目浏览器下的＃34; WebContent＆＃34;文件我添加了一个名为＆＃34; CSS＆＃34;的文件夹。并将first.css移动到该文件夹。

虽然从我读到的内容来看，这是一种非常低效的链接方式，因为它导入了整个css。

Answer 3

在上面的代码中，将'css'替换为css文件的完整路径你可以通过右击.css文件获得完整路径 - ＆gt;属性 - ＆GT;位置复制并粘贴上面的代码代替'css'

将eclipse内置的css链接到jsp并获得结果

3 个答案: