JSPにCSSを導入する方法

藏色散人
リリース: 2023-01-05 16:12:55
オリジナル
5271 人が閲覧しました

jsp に css を導入する方法: 1. link タグの href 属性を使用して css ファイルのパスを導入します; 2. 内部スタイル シートを使用して css を導入します; 3. インライン スタイルを使用して css を導入します。

JSPにCSSを導入する方法

#この記事の動作環境: Windows 7 システム、CSS3 バージョン、Dell G3 コンピューター。

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

  • jsp は、link タグの href 属性を使用して、CSS ファイルのパスを導入できます。

まず、記述した 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 を使用する他の 2 つの方法:

  • 内部スタイル

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