在页面中引用CSS有三种主要的方式：

  1. 内联样式（Inline Styles）：直接在HTML元素中使用"style"属性来添加CSS样式。这种方法主要用于单独的元素。
html<p style="color: red;">这是一段红色的文字。</p>
  1. 内部样式表（Internal Stylesheet）：在HTML文档的"head"部分中使用"style"标签来包含CSS样式。
html<head>
  <style>
    p {
      color: red;
    }
  </style>
</head>
<body>
  <p>这是一段红色的文字。</p>
</body>
  1. 外部样式表（External Stylesheet）：通过链接到一个外部的CSS文件来引入CSS样式。在HTML文档的"head"部分中使用"link"标签来链接外部的CSS文件。
html<head>
  <link rel="stylesheet" href="styles.css">
</head>
<body>
  <p>这是一段根据外部样式表设置的文字。</p>
</body>