CSS スタイルを導入する 5 つの方法_CSS/HTML

1. STYLE 属性を使用します

個々のコンポーネントタグに STYLE 属性を直接追加します、

例:

これの利点使い方は、タグごとに柔軟にスタイルを適用できますが、ドキュメント全体での「統一性」が無いというデメリットがあります

。

2. STYLEタグを使用します

タグにスタイル ルールを記述します。

例:

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

3. LINKタグを使用する

.css スタイル ファイルにスタイル ルールを記述し、 タグを使用してインポートします。
スタイル ルールを example.css ファイルとして保存すると、追加する必要があるのは

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

4. @import を使用して

を導入します。

LINK の使用法と似ていますが、 に配置する必要があります。

例:

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

5. タグを使用してスタイルを導入します

例: WEB 標準