HTMLでCSSをインポートする方法

以下に、シンプルで簡単な方法といくつかのコード例を示します。

link要素を使用する方法: HTML文書のheadセクション内で、link要素を使用して外部のCSSファイルをインポートします。以下の例を参考にしてください。

<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
  <!-- HTMLのコンテンツ -->
</body>
</html>

上記の例では、styles.cssという名前のCSSファイルをインポートしています。href属性には、CSSファイルのパスを指定します。

style要素を使用する方法: HTML文書のheadセクション内で、style要素を使用してCSSコードを直接記述することもできます。以下の例を参考にしてください。

<!DOCTYPE html>
<html>
<head>
  <style>
    /* CSSコード */
    h1 {
      color: red;
    }
  </style>
</head>
<body>
  <!-- HTMLのコンテンツ -->
</body>
</html>

上記の例では、h1要素のテキストカラーを赤に設定しています。style要素内にCSSコードを記述します。

これらはHTMLでCSSをインポートするための基本的な方法です。適切な方法を選択し、必要なCSSファイルやコードをインポートして、スタイルとレイアウトを設定してください。