这是另一个红色的段落。

3、外部样式表

外部样式表是将CSS代码保存在一个单独的文件中，然后在HTML文档中使用标签将其链接到页面，这种方法适用于较大的网站，因为它允许我们将样式与HTML结构分离，从而提高可维护性，我们可以创建一个名为styles.css的文件，其中包含以下代码：

p {
  color: red;
}

在HTML文档中添加以下标签：

  


  
这是一个红色的段落。
  
这是另一个红色的段落。

4、CSS类和ID选择器

我们可以使用CSS类和ID选择器来为特定的HTML元素设置颜色，在HTML文档中为元素添加类或ID：

  


  
这是一个红色的段落。
  
这是一个唯一的红色段落。

在CSS文件中为类和ID定义样式：

.redtext {
  color: red;
}
#uniquetext {
  color: red;
}

5、JavaScript交互效果

我们还可以使用JavaScript来实现更复杂的颜色变化效果，例如点击按钮时改变文本颜色，在HTML文档中添加一个按钮和一个段落：

  


  改变颜色
  
这是一个段落。
  

在JavaScript文件中编写以下代码：

document.getElementById("changecolor").addEventListener("click", function() {
  document.getElementById("text").style.color = "blue";
});

这将使得当用户点击按钮时，段落的颜色变为蓝色，通过结合这些方法，我们可以实现各种颜色变化效果，从而提升HTML页面的视觉效果和用户体验。