CSSスタイルシートを導入する4つの方法を紹介

1. STYLE 属性を使用する: STYLE 属性を個々のコンポーネント タグに直接追加します。

<コンポーネント(ラベル) STYLE="プロパティ(property)1:設定値1; プロパティ(Property)2:設定値2; ...} 例:

この使用法の利点は、各タグに柔軟にスタイルを適用できることですが、欠点はドキュメント全体ではないことです。 。 団結'。

2. STYLE タグを使用します: にスタイル ルールを記述します。

例:

通常、 構造全体は Web ページの に記述されます。この使用法の利点は、宣言されたコンポーネントがある限り、スタイル ルールが適用されることです。欠点は、個々のコンポーネントに柔軟性がないことです。

3. LINK タグを使用する: .css スタイル ファイルにスタイル ルールを記述し、 タグを使用してそれを導入します。

スタイル ルールを example.css ファイルとして保存すると、適用するには

を Web ページに追加するだけです。 it スタイル ファイルで指定されたスタイル。 LINK タグは通常、Web ページの セクションに記述されます。この使用法の利点は、同じスタイル ルールが適用される複数のドキュメントを同じスタイル ファイルに割り当てることができることです。欠点は、個々のファイルやコンポーネントに柔軟性がないことです。

4. @import を使用して導入します。これは LINK の使用法と非常に似ていますが、 に配置する必要があります。

例:

行末のセミコロンは絶対に必須であることに注意してください。

CSS スタイルシートを導入する 4 つの方法の詳細については、PHP 中国語 Web サイトの関連記事に注目してください。