CSSスタイルをHTMLに追加する方法

外部スタイル シート:

外部スタイル シートは、HTML ファイル内で タグを通じて参照される独立した CSS ファイルです。これはスタイルとコンテンツを分離し、コードの保守性を向上させるため、最も推奨される方法です。同時に、複数の HTML ファイルで外部スタイル シートを参照してコードを再利用できます。

次の内容を含む、styles.css という名前の CSS ファイルがあるとします。

p {  
  color: red;  
}

HTML ファイル内で CSS ファイルを参照するコードは次のとおりです。

  
  
  
    

  
  
  
这是一段红色的文本。
  
  

上記のコードでは、href 属性は CSS ファイルへのパスを指定します。 CSS ファイルと HTML ファイルが同じディレクトリにある場合は、ファイル名を直接使用できます。同じディレクトリにない場合は、相対パスまたは絶対パスを指定する必要があります。

上記の 3 つの方法に加えて、@import ステートメントを使用して CSS スタイルを参照することもできます。 @import ステートメントは HTML ドキュメント内のどこでも使用できますが、通常は タグ内に配置されます。 @import ステートメントを使用する場合は、インポートする CSS ファイルのパスを指定する必要があります。

サンプルコード:

  
  
  
    

  
  
  
这是一段红色的文本。
  
  

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