Eclipseでは、WebContentフォルダーの下に動的WebプロジェクトとJSPファイルを作成しました。また、WebContentフォルダーの下にCSSファイルを作成しました。次に、JSPで<link rel="stylesheet" type="text/css" href="XXX.css">
を使用してCSSファイルにリンクしますが、Webサーバー(Tomcat)で実行すると、CSSが適用されませんでした。誰かが理由を教えてもらえますか?
CSSファイルのアドレスパスの前にWebプロジェクト名を置く必要があります
例:
<link rel="stylesheet" href="/YourProjectName/XXX.css" type="text/css">
またはより動的な方法で:
<link rel="stylesheet" href="${pageContext.request.contextPath}/XXX.css" />
楽しんで :)
使用できます:WEB-INF/jspフォルダーのstyle.cssファイル
<style type="text/css">
<%@include file="css/style.css" %>
</style>
[〜#〜]ノート[〜#〜]
ただし、これにより、CSSファイルのソース全体がJSPページのHTML出力にコピーされます。つまり、これはサーバー側インクルードであり、クライアント側リソース参照ではありません。そのため、ブラウザが静的リソースをキャッシュできるという利点を見逃してしまい、まったく同じCSSファイルがすべてのページに埋め込まれているため、帯域幅が無駄になってしまいます。つまり、パフォーマンスと効率の面で悪い考えです。
@BalusCがコメントで説明したように!あなたはあなたのstyle.cssファイルをテストしたいとにかく、これは解決策です。
あなたは使うことができます
<link rel="stylesheet" type="text/css" href="path/css">
Eclipseを再起動して、すべてのCSSファイルとJavaScriptファイルを再度マップする必要があります。私のために働いた。