В динамическом веб-проекте eclipse, как связать css с файлом jsp в папке webcontent

В Eclipse я создал динамический веб-проект и JSP файл в папке WebContent. Я также создал файл CSS в папке WebContent. Затем я использую <link rel="stylesheet" type="text/css" href="XXX.css"> в JSP для ссылки на файл CSS, но когда я запускаю на веб-сервере (Tomcat), CSS не применялся. Может кто-нибудь сказать мне, почему?

Ответ 1

Вы должны поместить имя своего веб-проекта до адреса вашего файла css

Пример:

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

или более динамичным способом:

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

Удачи:)

Ответ 2

Вы можете использовать: С файлом style.css в папке WEB-INF/jsp

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

Примечание

Это, однако, копирует весь источник CSS файла в HTML вывода страницы JSP. Другими словами, это серверная сторона включает, а не ссылку на ресурсы на стороне клиента. Таким образом, вы преимущество в том, что браузер может кэшировать статические ресурсы, и таким образом вы в конечном итоге с потерей полосы пропускания, потому что тот же самый файл CSS встроенный в каждую страницу. Другими словами, плохая идея с точки зрения производительности и эффективности.

как @BalusC, описанный в комментарии! вы хотите протестировать файл style.css в любом случае, это решение.

Ответ 3

вы можете использовать

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

Ответ 4

Вы должны перезапустить eclipse, чтобы он снова отображал все файлы css и javascript. Я работал у меня.