IntelliJIDEA でjspにCSSを適用する方法についていろいろ調べて苦戦していたが、
実際のjspのファイルの配置パスによってurlを指定するといいでしょう。
適用するのに成功したので、注意する点を以下でメモする。
(重要)IntelliJIDEAでのファイル構成は図の通り、cssファイルや、img素材ファイルをすべてWebコンテキストルートの下、 WEB-INFファイルの外に置く。なぜならば、/WEB-INFはWebアプリケーションの構成情報やクラスファイルなどを格納するためのディレクトリです。
外部から直接アクセスすることはできません。(出典:https://teratail.com/questions/638)
ご覧の通り、jspファイルは二つのところに置いてある。一つはweb-index.jsp,もう一つはweb-WEB-INF-jsp-....
1)webファイルの直下であるindex.jspにcssファイルを適用:urlを相対パスで指定
<link href="css/style.css" rel="stylesheet" type="text/css" media="all">
2)WEB-INFの中にあるjspファイル群にcssファイルを適用:urlをルートからの絶対パスで指定
<link href="/docotsubu/css/style.css" rel="stylesheet" type="text/css" media="all">
[docotsubu]はproject名
適用後のページ↓↓↓↓↓↓↓
もし適用できなかったら、次の方法で調べよう。
ブラウザでjspファイルのコードを調べる。
下線が引いているcssを指定するパスをクリックし、もしエラーになったら、ブラウザのアドレス欄でcssファイルのurlを調べてみよう。
localhost:8080/プロジェクト名/ルートからcssファイルまでのパス
になるはずだが、間違っているかどうかを調べよう。
次は正しく反映されたURLです。
以上で、IntelliJIDEA でjspにCSSを適用してみた。