CSSを使用してHTMLページをスタイリングするには、ドキュメントのヘッダーに `<link>`タグを配置できます。これが例です：

`` html
<！doctype html>
<html lang = "en">
<head>
    <title> document </title>
    <link rel = "styleSheet" href = "styles.css">
</head>
<body>
    <p>このテキストはスタイルです！</p>
</body>
</html>
`` `

styles.cssファイル
`` css
p {
          色：黄色;/* テキストの色 */
          背景色：赤;/ *段落の背景 */
          font-weight：bold;/ *テキスト太字 */
          フォントファミリー：arial、ロボット;/ *最初にロードされたフォントを選択 */
}
`` `

スタイルタグ内の「P」は、CSSセレクターと見なされます。IDやクラスセレクターを含む複数のタイプのセレクター、さらに複雑なものがあります。ブレース内で、スタイルが指定されています。また、要素に「style = "" `属性を配置することで、スタイルを要素に直接配置することもできます。

`` html
<div style = "color：blue">これはテキストです</div>
`` `

HTMLページのスタイリングについてこれ以上質問がある場合は、お知らせください。
To style your HTML page using CSS you can put a `<link>` tag in the header of the document. Here is an example:

```html
<!DOCTYPE html>
<html lang="en">
<head>
    <title>Document</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <p>This text is styled!</p>
</body>
</html>
```

styles.css file
```css
p {
          color: yellow; /* Text Color */
          background-color: red; /* Paragraph Background */
          font-weight: bold; /* Text Bold */
          font-family: Arial, Roboto; /* Chooses the first loaded font */
}
```

The `p` within the style-tag is considered a CSS-selector. There are multiple types of selectors, including id and class-Selectors, and even more complex ones. Within the braces the style is specified. You can also put styles directly onto your elements by putting a `style=""` attribute on your element.

```html
<div style="color:blue">this is some text</div>
```

If you have any more questions about styling your HTML page, let me know.