JSPにCSSコードを入力する方法

藏色散人
藏色散人オリジナル
2021-02-01 09:56:492145ブラウズ

jsp で CSS コードを記述する方法: 1. c9ccee2e6ea535a969eb3f532ad9fe89 タグを使用してドキュメントの先頭に内部スタイル シートを定義し、CSS コードを記述します; 2. style 属性を使用して CSS コードを記述します関連するタグの CSS コード。

JSPにCSSコードを入力する方法

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

JSP で CSS コードを記述するには 2 つの方法があります:

内部スタイル: c9ccee2e6ea535a969eb3f532ad9fe89 タグを使用して、先頭に内部スタイル シートを定義します。ドキュメント、CSS コードを記述します

インライン スタイル: style 属性を使用して、関連するタグ内に CSS コードを記述します。

1. 内部スタイル

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

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

推奨: "

css ビデオ チュートリアル "

2. インライン スタイル

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

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

実際には、JSP に CSS スタイルを追加する別の方法 (推奨) があります。それは外部スタイルです。

外部スタイル:

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

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

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

以上がJSPにCSSコードを入力する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。