在HTML中引用CSS的三种主要方式

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




<p style="color: blue;">这是一个蓝色的段落。</p>




<head>
  <style>
    p { color: green; }
  </style>
</head>
<body>
  <p>这是一个绿色的段落。</p>
</body>




<!-- 假设CSS文件名为styles.css，位于同一目录下 -->
<head>
  <link rel="stylesheet" type="text/css" href="styles.css">
</head>

在styles.css文件中：




p {
  color: red;
}

HTML文件将显示为红色的段落。