HTML ドキュメントで CSS スタイルを参照する方法-フロントエンドQ&A-php.cn

CSS を参照するには多くの方法があります。一般的な方法のいくつかを次に示します:

1. 内部スタイル シート: HTML ドキュメントの タグを使用して CSS スタイルを定義します。この方法で定義されたスタイル シートは、現在の HTML ドキュメントにのみ適用できます。

内部样式表 /* 在这里定义CSS样式 */ 这是一个标题 这是一段文本。

ログイン後にコピー 2. 外部スタイル シート: CSS スタイルを別の外部ファイルで定義し、HTML ドキュメントの 内の タグを使用してそれを参照します。

外部スタイル シートで定義されたスタイルは、複数の HTML ドキュメントで共有できるため、コードの保守性と再利用性が向上します。例:

外部样式表 这是一个标题 这是一段文本。

ログイン後にコピー このうち、 href 属性は、外部スタイル シート ファイルへのパスを指定します。たとえば、スタイル シート ファイル styles.css が HTML ドキュメントと同じディレクトリにある場合、 。

3. インライン スタイル: HTML タグの style 属性を使用して CSS スタイルを定義します。

内联样式 这是一个标题 这是一段文本。

ログイン後にコピー 実際の開発では、コードの再利用と保守性を実現するために、CSS スタイルを定義するために外部スタイル シートを使用するのが一般的です。同時に、CSS コーディング標準に従い、読みやすく保守しやすい CSS コードを作成することをお勧めします。