JSPページにCSSスタイルを追加する方法

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

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

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

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

---

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

<link rel="stylesheet" type="text/css" href="<%=uiPath%>hwtt_ui/skins/<%=skinName%>/css/login.css" />

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

---

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

    <style type="text/css">
        .loginBtn{
            display:block;
            cursor: pointer;
            height: 32px;
            margin-bottom: 1px;
            width: 100px;
        }
    </style>

---

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

<input type="text" name="authCode" style="vertical-align: middle" />

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

以上がJSPページにCSSスタイルを追加する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。