JSPでCSSを参照する方法

(*-*)浩
リリース: 2019-05-24 13:44:05
オリジナル
11575 人が閲覧しました

CSS スタイルを JSP ページに導入するには 3 つの方法があり、優先順位が異なります。詳細は、外部スタイル、内部スタイル、インライン スタイルです。順番に優先度が高くなります!

ソフトウェア エンジニアリングで、Web フロントエンド開発を行って JSP ページを作成していたとき、ページが非常に見苦しいと感じていたため、クラスメイトから CSS を挿入してページの美しさを向上させる問題を紹介されました。 。

推奨コース: Java チュートリアル

JSPでCSSを参照する方法

css スタイル シート ファイルを jsp ページに導入するにはどうすればよいですか?

まず、記述された CSS スタイル シートを配置します。コンテンツ *.css 形式で保存します。たとえば、style.css
この CSS スタイル ファイルをページに導入します。以下の方法で導入してください。

<link rel="stylesheet" href="./css/style.css" type="text/css">
ログイン後にコピー

ここでの href="./css/style.css" は、CSS ファイルが保存されているパスを指します。 '.' 現在のディレクトリ (つまり、CSS ファイルを導入する JSP ページと同じディレクトリ) を要求します。

rel 属性は、現在のドキュメントとリンクされたドキュメントの間の関係を指定します。この例では、 rel 属性はリンク先のドキュメントを示します。 はスタイルシートです。

ところで、JSP ページに CSS スタイルを記述する方法について話しましょう。

内部スタイル

単一のドキュメントに特別なスタイルが必要な場合は、内部スタイル シートを使用する必要があります。内部スタイル シートは、