CSS 如何更改h1和h2的字体大小

在本文中，我们将介绍如何使用CSS来更改h1和h2标签的字体大小。

阅读更多：CSS 教程

CSS字体大小

在CSS中，可以使用font-size属性来指定元素的字体大小。可以使用像素（px），百分比（%），EM或REM作为单位。

h1 {
  font-size: 24px;
}

h2 {
  font-size: 18px;
}

上述示例代码将h1的字体大小设置为24像素，h2的字体大小设置为18像素。我们可以修改这些数值以满足我们的需求。

此外，我们还可以使用百分比来设置字体大小。当以百分比指定字体大小时，将相对于其父元素的字体大小。

h1 {
  font-size: 150%;
}

h2 {
  font-size: 120%;
}

上述代码将h1的字体大小设置为父元素的150％，h2的字体大小设置为父元素的120％。

除了使用像素和百分比外，我们还可以使用EM和REM作为单位来指定字体大小。

h1 {
  font-size: 2em;
}

h2 {
  font-size: 1.5rem;
}

上述代码将h1的字体大小设置为父元素字体大小的2倍，h2的字体大小设置为根元素字体大小的1.5倍。

除了使用元素选择器，我们还可以使用类选择器来为特定的h1和h2元素设置字体大小。

.h1-large {
  font-size: 30px;
}

.h2-medium {
  font-size: 20px;
}

在上述代码中，我们使用了类选择器.h1-large和.h2-medium来为特定的标签设置字体大小。我们可以将这些类应用于HTML标签，如下所示：

<h1 class="h1-large">This is a large heading</h1>
<h2 class="h2-medium">This is a medium heading</h2>

这样，只有应用了特定类的h1和h2标签的字体大小才会被改变。

使用CSS，我们可以轻松地更改h1和h2标签的字体大小。我们可以使用font-size属性和基本的单位（像素、百分比）来设置字体大小。另外，我们还可以使用EM或REM单位来相对于父元素或根元素进行计算。另外，通过类选择器，我们可以仅为特定的h1和h2标签设置字体大小。

以上是关于如何更改h1和h2标签字体大小的一些示例和解释。希望本文能对您有所帮助！