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）から分離し、複数のページでスタイルを簡単に管理できるようにします。
If you want to keep your CSS code in a separate file, you can create a CSS file with a .css extension and link to it from your HTML file using the `<link>` tag within the `<head>` section. Here's an example:

```
<html>
<head>
  <link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
  <!-- Your HTML code here -->
</body>
</html>```

In the above example, the href attribute of the `<link>` tag points to the location of the CSS file (`styles.css`) relative to the HTML file. You can then add your CSS rules in the styles.css file.

This approach separates your presentation (CSS) from your content (HTML) and makes it easier to manage your styles across multiple pages.