ホームページ  >  記事  >  ウェブフロントエンド  >  JSPにCSSを導入する方法

JSPにCSSを導入する方法

藏色散人
藏色散人オリジナル
2021-06-01 10:10:165650ブラウズ

jsp に css を導入する方法: 1. 「外部スタイル」で css を導入する; 2. 「内部スタイル」で css を導入する; 3. 「インライン スタイル」で css を導入する。

JSPにCSSを導入する方法

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

CSS を JSP に導入するにはどうすればよいですか?

1. 外部スタイル

スタイルを多くのページに適用する必要がある場合、外部スタイル シートが理想的な選択肢になります。外部スタイル シートを使用すると、1 つのファイルを変更するだけでサイト全体の外観を変更できます。各ページは、2cdf5bf648cf2f33323966d7f58a7f3f タグを使用してスタイル シートにリンクします。 2cdf5bf648cf2f33323966d7f58a7f3fタグは (ドキュメントの) 先頭にあります:


<head>
<link rel="stylesheet" type="text/css" href="path/myCss.css"/>
</head>

2. 内部スタイル

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


<head>
<style type="text/css">
样式
</style>
</head>

3. インライン スタイル

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

<div style="width:100px"></div>

インライン スタイルの優先順位が最も高く、次に内部スタイルが続き、外部スタイルの優先順位が最も低くなります。

推奨学習: 「

css ビデオ チュートリアル

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

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