Question

我正在尝试一本名为“Murach的Java Servlet和JSP”的书中的示例代码出于某种原因，我无法让CSS工作。 Netbeans似乎无法使用main.css路径找到relative href文件。

的index.html

<html>
    <head>
        <title>Murcah's Java Servlet and JSP</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="resources/css/main.css" type="text/css" />
    </head>
    <body>
        <h1>Join our email list</h1>
        <p>To join our email list, enter your name and email address below.</p>

        <form action="emailList" method="post">

            <input type="hidden" name="action" value="add" />

            <label>Email: </label>
            <input type="email" name="email" required /> <br />
            <label>First Name:</label>
            <input type="text" name="firstName" required /> <br/>
            <label>Last Name:</label>
            <input type="text" name="lastName" required /> <br />

            <label>&nbsp;</label>
            <input type="submit" value="Join Now" id="submit" />

        </form>
    </body>
</html>

的main.css

body{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11pt;
    margin-left: 2em;
    margin-right: 2em;
    background-color: darkred;
    background: yellow;
}

h1{
    color:teal;
}

label{
    float:left;
    width:6em;
    margin-bottom: 0.5em;
}

input[type="text"], input[type="email"]{
    width: 15em;
    margin-left: 0.5em;
    margin-bottom: 0.5em;
}

br{
    clear:both;
}

#submit{
    margin-left: 0.5em;
}

context.xml中

<?xml version="1.0" encoding="UTF-8"?>
<Context path="/ch02email"/>

以下是如何将资源组织到子文件夹中。

main.css路径我认为是ch02email/resources/css/main.css但是因为我已将contextPath设置为

<?xml version="1.0" encoding="UTF-8"?>
    <Context path="/ch02email"/>

在 index.html 上，您可以看到我的href为<link rel="stylesheet" href="resources/css/main.css" type="text/css" />

由于某种原因，css不适用。另外，我试图查看打开css的源代码，但是我得到了ff。

查看来源

查看来源我收到404条消息。

（查看来源）

我在Firefox和Google Chrome上都试过了，但我得到了相同的结果。无法找到CSS enter code here文件。

我在这里缺少什么？我甚至试图将我认为不正确的WEB-INF/resources/css/main.css放在正确的位置，因为我理解在引用时不要包含WEB-INF。

最后，我尝试使用<base href="${pageContext.request.contextPath}/"/>但没有成功。

请帮忙。

谢谢。

Answer 1

我刚刚发现它无法访问main.css文件的原因。我找到了信息here。我发现WEB-INF中包含的文件无法公开访问。所以我所做的就是移动resources文件夹，就像屏幕截图上的内容一样。

resources文件夹现在包含在Web Pages文件夹中。

我知道这是一个简单的问题，但却引起了我不知道的非常简单的细节。

我希望这可以帮助其他人找到这篇文章。：）

Netbeans WEB应用程序项目无法读取CSS文件的相对路径

1 个答案: