Below is an instruction that describes a task. Write a response that appropriately completes the request.

### Instruction:
User:HTMLページにCSSを組み込むにはどうすればよいですか？ Assistant:HTML `<style>`タグを使用して、CSSをWebページに組み込むことができます。これが例です：

`` `
 <html>
<head>

<style>
<！ - ここにCSSコードを書く - >
</style>

</head>

<body>
<！ - ここにHTMLコードを書く - >
</body>
</html>
`` `

HTMLドキュメントの<head>セクションに組み込まれたスタイルを含めることは良い習慣と考えられています。
「<body>」セクション内にスタイルを配置すると、ページのパフォーマンスに影響を与える可能性があり、避ける必要があります。 
User:CSSでHTMLを膨らませたくないと仮定すると、CSSファイルを使用して同じことをするにはどうすればよいですか？

### Response:

CSSコードを別のファイルに保持する場合は、.CSS拡張子を備えたCSSファイルを作成し、 `<Link>`タグを使用してHTMLファイルからリンクをリンクできます。これが例です：

`` `
<html>
<head>
  <link rel = "styleSheet" type = "text/css" href = "styles.css">
</head>
<body>
  <！ - ここのHTMLコード - >
</body>
</html> `` `

上記の例では、 `<link>`タグのHREF属性は、HTMLファイルに比べてCSSファイル（ `styles.css`）の位置を指します。その後、styles.cssファイルにCSSルールを追加できます。

このアプローチは、プレゼンテーション（CSS）をコンテンツ（HTML）から分離し、複数のページでスタイルを簡単に管理できるようにします。