JSPページにCSSスタイルを追加する方法-CSSチュートリアル-php.cn

CSS スタイルを JSP ページに追加する方法: 1. JSP ページの「2cdf5bf648cf2f33323966d7f58a7f3f」タグを使用して CSS スタイル シートにリンクします。2. JSP ページの「c9ccee2e6ea535a969eb3f532ad9fe89」タグを使用します。 JSP ページのドキュメント ヘッダー 内部スタイル シートを定義する; 3. JSP ページのタグ要素の style 属性を使用して、CSS スタイルを含めます。

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

推奨: css ビデオ チュートリアル

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

【1】外部スタイル 多くのページにスタイルを適用する必要がある場合は、外部スタイル シートが最適です。外部スタイル シートを使用すると、1 つのファイルを変更するだけでサイト全体の外観を変更できます。各ページは、 2cdf5bf648cf2f33323966d7f58a7f3f タグを使用してスタイル シートにリンクします。

hwtt_ui/skins/ /css/login.css" /> rel 属性は、現在のドキュメントとリンクされたドキュメント間の関係を指定します。この例では、rel 属性は、リンクされたドキュメントがスタイル シートであることを示します。

【2】内部スタイル 単一のドキュメントで特別なスタイルが必要な場合は、内部スタイル シートを使用する必要があります。内部スタイル シートは、 c9ccee2e6ea535a969eb3f532ad9fe89 タグを使用してドキュメントの先頭で定義できます。

.loginBtn{ display:block; cursor: pointer; height: 32px; margin-bottom: 1px; width: 100px; } [3] インライン スタイル インライン スタイルでは、プレゼンテーションとコンテンツが混在するため、スタイル シートの利点の多くが失われます。たとえば、スタイルを要素に 1 回だけ適用する必要がある場合など、この方法は注意して使用してください。インライン スタイルを使用するには、関連するタグ内で style 属性を使用する必要があります。 Style プロパティには、任意の CSS プロパティを含めることができます。

プログラミング関連の知識について詳しくは、 プログラミング学習 をご覧ください。 ！