ホームページ  >  記事  >  ウェブフロントエンド  >  JSPでCSSスタイルを記述する方法

JSPでCSSスタイルを記述する方法

藏色散人
藏色散人オリジナル
2020-12-17 10:13:063301ブラウズ

jsp で CSS スタイルを記述する方法: 1. インライン スタイルを使用して jsp に記述します; 2. "c9ccee2e6ea535a969eb3f532ad9fe89" タグを使用してドキュメントの先頭に内部スタイル シートを定義します; 3. 「< ;link>」タグを使用してスタイルシートにリンクします。

JSPでCSSスタイルを記述する方法

#このチュートリアルの動作環境: Windows7 システム、CSS3 バージョンこの方法は、すべてのブランドのコンピューターに適しています。

推奨: 「

css ビデオ チュートリアル

css スタイルは jsp で記述されています:

1. インライン スタイル

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

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

2. 内部スタイル

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

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

3. 外部スタイル

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

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

優先順位の比較:

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

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

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