blocks|key|257787|text|css+href链接不正确。请改用相对路径：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|257788|<link+href="../css/loginstyle.css"+rel="stylesheet"+type="text/css">|code-block|syntax|javascript|257789|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

css href link is incorrect. Use relative path instead:

<pre><code>&lt;link href="../css/loginstyle.css" rel="stylesheet" type="text/css"&gt;
</code></pre>

blocks|key|254530|text|你可以这样写。这是因为每当您更改上下文路径时，都不需要修改jsp文件。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|254531|<link+rel="stylesheet"+href="${pageContext.request.contextPath}/css/styles.css"+/>|code-block|syntax|javascript|254532|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

You can write like that. This is for whenever you change context path you don't need to modify your jsp file.

<pre><code>&lt;link rel="stylesheet" href="${pageContext.request.contextPath}/css/styles.css" /&gt;
</code></pre>

blocks|key|2939000|text|我也有同样的问题。然后我意识到MainPageServlet中的+@WebServlet注释中的urlPatterns参数包含"/"，因为如果用户进入www.site.com/部分，我想转发到MainPage。当我试图从浏览器打开css文件时，url是www.site.com/css/desktop.css，但页面内容是页面MainPage.jsp。因此，我删除了"/“urlPattern，现在我可以通过最常用的解决方案之一(${pageContext.request.contextPath}/css/desktop.css)在jsp文件中使用CSS文件。确保您的servlet不包含"/“urlPattern。我希望这对你也有效，--阿克塞尔·蒙蒂尼|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|CODE|entityRanges|data|2939001|entityMap^0|W|Y|5Z|1E|0^^$0|@$1|2|3|4|5|6|7|I|8|@$9|J|A|K|B|C]|$9|L|A|M|B|D]]|E|@]|F|$]]|$1|G|3|-4|5|6|7|N|8|@]|E|@]|F|$]]]|H|$]]

I had the same problem too. Then i realized that in the MainPageServlet the urlPatterns parameter in @WebServlet annotation contained "/", because i wanted to forward to the MainPage if the user entered the section www.site.com/ . When i tried to open the css file from the browser, the url was www.site.com/css/desktop.css, but the page content was THE PAGE MainPage.jsp. So, i removed the "/" urlPattern and now i can use CSS files in my jsp file using one of the most common solutions (<code>${pageContext.request.contextPath}/css/desktop.css</code>).
Make sure your servlet doesn't contain the "/" urlPattern.
I hope this worked for u too,
- Axel Montini

blocks|key|254544|text|我使用这个版本|type|unstyled|depth|inlineStyleRanges|entityRanges|data|254545|<style><%25@include+file="/WEB-INF/css/style.css"%25></style>|code-block|syntax|javascript|254546|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

I use this version 

<pre><code>&lt;style&gt;&lt;%@include file="/WEB-INF/css/style.css"%&gt;&lt;/style&gt;
</code></pre>

blocks|key|252985|text|如果一切看起来都是正确的，尽管它仍然不能工作，我还是邀请您像这样加载web.xml中的静态文件|type|unstyled|depth|inlineStyleRanges|entityRanges|data|252986|<servlet-mapping>
++++<servlet-name>default</servlet-name>
++++<url-pattern>/includes/*</url-pattern>
</servlet-mapping>|code-block|syntax|javascript|252987|之后|252988|
<link+rel="stylesheet"+type="text/css"+href="/includes/asserts/css/bootstrap.min.css"/>|252989|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

if everything seems correct, and despite it still does not work I invite you to load the statics files in the web.xml like this
<pre><code>&lt;servlet-mapping&gt;
 &lt;servlet-name&gt;default&lt;/servlet-name&gt;
 &lt;url-pattern&gt;/includes/*&lt;/url-pattern&gt;
&lt;/servlet-mapping&gt;
</code></pre>
after
<pre><code>&lt;!-- bootstrap css --&gt;
&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;/includes/asserts/css/bootstrap.min.css&quot;/&gt;
</code></pre>

I created a jsp page as follows: 

<pre><code>&lt;%@ page contentType="text/css" %&gt;
&lt;html&gt;
&lt;head&gt;
&lt;title&gt;Login page&lt;/title&gt;
&lt;link href="/css/loginstyle.css" rel="stylesheet" type="text/css"&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;h1&gt; India welfare&lt;/h1&gt;
&lt;p&gt; welcome &lt;/p&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

and named it as login.jsp

and i also created a css file called loginstyle.css and the code of the .css file is as follows:

<pre><code>body
{
background-color:#d0e4fe;
}
h1
{
color:orange;
text-align:center;
}
p
{
font-family:"Times New Roman";
font-size:20px;
}
</code></pre>

the directory structure for css and jsp's are as follows:
webcontent/welfare_web/css for .css files and
webcontent/welfare_web/login for jsp files

the programming editor is eclipse and the server i am using is tomcat 7.0. when i am trying to run the login.jsp file using tomcat server. The css file is not showing any effect. i mean the output is normal text and is not as per the CSS file. 

please help me how to make the .css file to effect the jsp file.

how to load CSS file into jsp

服务器

我创建了一个jsp页面，如下所示：<%@ page contentType="text/css" %><html><head><title>Login page</title><link href="/css/loginstyle.css" rel="stylesheet" type="text/css"></head...

问如何将CSS文件加载到jsp中
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何将CSS文件加载到jsp中EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何将CSS文件加载到jsp中
EN