字体不会改变颜色

Question

在博客中使用HTML较新，我正在尝试将标题字体设置为某种颜色。我输入的所有其他方面都起作用，而不仅仅是颜色。我在做错什么吗？

h1 {
  color: #a7cf4c;
}

h1 {
  text-align: center;
}

h1 {
  font-size: 35px;
}

h1 {
  font-weight: 700;
}

<font>
  <h1>Title Test</h1>
</font>

Answer 1

首先。

1. 指定样式时，您不必每次都重复h1。
2. 不要使用<font>标签

下面是一个示例Click here to see the example

h1 {
  color: #a7cf4c;
  text-align: center;
  font-size: 35px;
  font-weight: 700;
}

<h1>Header Tag</h1>

Answer 2

<font>在HTML 4.01中已弃用

请勿使用 <font> 元素！尽管曾经在 HTML 3.2 中进行过规范化，但在HTML 4.01 中已弃用了该功能，但与此同时，所有与样式相关的元素都已被废弃，而在 HTML5 中已作废了强>。
从 HTML 4 开始，HTML不再传达样式信息（在元素之外或每个元素的style属性之外）。对于任何新的Web开发，应仅使用CSS编写样式。

注意：-可以实现 <font> 元素的先前行为，甚至可以使用 CSS Fonts CSS属性来更好地控制 strong>。

CSS Fonts CSS properties

CSS字体是CSS模块，用于定义与字体相关的属性以及字体资源的加载方式。它使您可以定义字体的样式，例如family，size和weight，line heigh t和glyph variants可用于单个字符。

您可以在CSS的h1 color属性中添加颜色。

h1 {
  color: #a7cf4c;
  text-align: center;
  font-size: 35px;
  font-weight: 700;
}

<h1>Title Test</h1>