Как загрузить файл CSS в jsp

Я создал страницу jsp следующим образом:

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

и назвал его login.jsp

и я также создал файл css под именем loginstyle.css, а код файла .css выглядит следующим образом:

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

структура каталогов для css и jsp выглядит следующим образом: webcontent/welfare_web/css для .css файлов и webcontent/welfare_web/login для jsp файлов

редактор программирования eclipse, и используемым мной сервером является tomcat 7.0. когда я пытаюсь запустить файл login.jsp с помощью сервера tomcat. Файл css не оказывает никакого эффекта. я имею в виду, что вывод является нормальным текстом и не соответствует CSS файлу.

пожалуйста, помогите мне, как сделать файл .css для создания файла jsp.

Ответы

Ответ 1

Ссылка

css href неверна. Вместо этого используйте относительный путь:

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

Ответ 2

Вы можете так писать. Это происходит, когда вы меняете путь контекста, вам не нужно изменять файл jsp.

<link rel="stylesheet" href="${pageContext.request.contextPath}/css/styles.css" />

Ответ 3

У меня была такая же проблема. Затем я понял, что в MainPageServlet параметр urlPatterns в аннотации @WebServlet содержит "/" , потому что я хотел переслать MainPage, если пользователь вошел в раздел www.site.com/. Когда я попытался открыть файл css из браузера, url был www.site.com/css/desktop.css, но содержание страницы было PAGE MainPage.jsp. Итак, я удалил "/" urlPattern, и теперь я могу использовать файлы CSS в моем jsp файле, используя одно из наиболее распространенных решений (${pageContext.request.contextPath}/css/desktop.css). Убедитесь, что ваш сервлет не содержит "/" urlPattern. Надеюсь, это сработало и для вас, - Аксель Монтини

Ответ 4

Я использую эту версию

<style><%@include file="/WEB-INF/css/style.css"%></style>