Jsp 已加载但未应用CSS文件
Jsp 已加载但未应用CSS文件,jsp,servlets,Jsp,Servlets,我在将css文件应用到jsp中时确实存在问题。 当我运行我的项目时,当我在浏览器上检查我的页面时,我可以看到css被加载(网络->200:OK)。但是我看不到根据index.jsp上的css说明应用的任何东西 提前感谢。 1-index.jsp: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>adding d'un c
我在将css文件应用到jsp中时确实存在问题。 当我运行我的项目时,当我在浏览器上检查我的页面时,我可以看到css被加载(网络->200:OK)。但是我看不到根据index.jsp上的css说明应用的任何东西
提前感谢。
1-index.jsp:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>adding d'un client</title>
<link type="text/css" rel="stylesheet" href="css/general.css" />
</head>
<body>
<div>
<form method="get" action="creationClient">
<fieldset>
<legend>Informations of client</legend>
<label for="nClient">name <span class="requis">*</span></label>
<input type="text" id="nClient" name="nClient" value="" size="20" maxlength="20" />
<br />
</fieldset>
<input type="submit" value="add" />
</form>
</div>
</body>
</html>
3-项目结构:|--->项目1
|--->css
|--->general.css
|--->META-INF
|--->WEB-INF
|--->index.jsp
|--->web.xml
非常感谢 更新1 3-项目结构:
|--->网络内容
|--->css
|--->general.css
|--->META-INF
|--->WEB-INF
|--->index.jsp
|--->xml
如果您正在使用Eclipse,则生成的标准结构应该是:yourproject/WebContent/web-INF和yourproject/WebContent/META-INF。在同一级别上,应该放置静态内容。您是否尝试过使用?web浏览器是否看到相同版本的CSS?在web浏览器中,右键单击并选择“查看页面源”,单击指向CSS文件的链接,然后按F5刷新。您好,Marcelo Tataje,感谢您的回复。我同意你对我的项目结构的看法,实际上我在写问题时犯了一个错误。该问题已更新。关于使用“${pageContext.request.contextPath}”,它给出了相同的结果。感谢您的响应,按照您的步骤,当我单击CSS文件的链接时,我重定向到相同的页面,即index.jsp(HTML格式)。如果您正在使用Eclipse,生成的标准结构应该是:yourproject/WebContent/WEB-INF和yourproject/WebContent/META-INF。在同一级别上,应该放置静态内容。您是否尝试过使用?web浏览器是否看到相同版本的CSS?在web浏览器中,右键单击并选择“查看页面源”,单击指向CSS文件的链接,然后按F5刷新。您好,Marcelo Tataje,感谢您的回复。我同意你对我的项目结构的看法,实际上我在写问题时犯了一个错误。该问题已更新。关于使用“${pageContext.request.contextPath}”,它给出了相同的结果。感谢您的响应,按照您的步骤,当我单击CSS文件的链接时,我重定向到了相同的页面,即index.jsp(HTML格式)。
body, p, legend, label, input {
font: normal 8pt verdana, helvetica, sans-serif;
color:red;
}
fieldset {
padding: 100px;
border: 1px #111 solid;
margin: 10px;
}
legend {
font-weight: bold;
color: #0568CD;
}
form label {
float: left;
width: 200px;
margin: 3px 0px 0px 0px;
}
form input {
margin: 3px 3px 0px 0px;
border: 1px #999 solid;
}
form input.sansLabel {
margin-left: 200px;
}
.requis {
color: #c00;
}
.erreur {
color: #900;
}
.succes {
color: #090;
}
.info {
font-style: italic;
color: #E8A22B;
}