style" を使用してスタイルを追加します。 3. "" を使用してスタイルを追加します。"/> style" を使用してスタイルを追加します。 3. "" を使用してスタイルを追加します。">

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

CSSをJSPにインポートする方法

青灯夜游
青灯夜游オリジナル
2021-07-05 15:49:451526ブラウズ

方法: 1. タグ内の style 属性を使用してスタイルを追加します。 2. "" を使用してスタイルを追加します。 3. "" を使用してスタイルを追加します。スタイル。

CSSをJSPにインポートする方法

このチュートリアルの動作環境: Windows7 システム、CSS3、Dell G3 コンピューター。

css スタイルを jsp に追加することは、html を追加することと同じです。次の 3 つの方法があります:

  • styles 属性を使用したインライン スタイル

  • #内部スタイル、styleb タグを使用します


  • 外部スタイル、リンク タグを使用します

# 1. インライン スタイル

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

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

2. 内部スタイル

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

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

3. 外部スタイル

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

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

注: スタイルの優先順位:


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

(学習ビデオ共有:

css ビデオ チュートリアル

)

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

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