css フォルダーの下に css ファイルがあり、jsp フォルダーの下に jsp ファイルがあり、両方のフォルダーが WEB-INF フォルダー内にあります。では、どうすればcssファイルをjsp内に取得できますか?
<link rel="stylesheet" href="../css/style.css>
このようなパスを指定しました。
これを使用してみてください:
<link rel="stylesheet" type="text/css" href="css/style.css" >
それ以外の
href="../css/style.css
ここでは、右アポストロフィが欠落しています。また、 BalusCの回答で問題が解決することを確認してください。
また、 WEB-INFと同じレベルにリソースフォルダーを作成し、リソースフォルダーにcssフォルダーを作成して、cssファイルを次のように参照することをお勧めします。
WEB-INF
resources
--css
--styles.css
--js
--scripts.js
そしてここでcssをページに接続する方法:
<link rel="stylesheet" type="text/css" href="resources/css/styles.css" />
私はこのアプローチを使用しています。これは私のWebプロジェクトであり、すべてが正しく機能します。
@importルールは、CSS ファイルをロードする別の方法です。
<style>
@import url('/css/styles.css');
</style>
次のようなこのトリックを使用して、すべてのスタイルを同時にインポートできます。
@import url('/css/header.css') screen;
@import url('/css/content.css') screen;
@import url('/css/sidebar.css') screen;
@import url('/css/print.css') print;
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Login Form</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
</html>