3. 使用外部样式表

外部样式表是将样式定义保存在一个单独的CSS文件中，然后在HTML文件中通过标签引用该文件，创建一个名为styles.css的文件，内容如下：

p {
  font-size: 24px;
}

然后在HTML文件中引用该CSS文件：

  


  
这是一个大号字体的段落。

相关问题与解答

问题1：如何在HTML5中使用像素、百分比和em单位来设置字体大小？

答：在CSS中，可以使用像素（px）、百分比（%）和em单位来设置字体大小。

p {
  font-size: 24px; /* 使用像素单位 */
  font-size: 150%; /* 使用百分比单位 */
  font-size: 2em; /* 使用em单位 */
}

问题2：如何在不同的设备上自适应调整字体大小？

答：可以使用媒体查询（media query）来实现在不同设备上自适应调整字体大小。

/* 默认字体大小 */
p {
  font-size: 16px;
}
/* 当屏幕宽度小于等于768px时，字体大小为24px */
@media (max-width: 768px) {
  p {
    font-size: 24px;
  }
}
/* 当屏幕宽度大于等于992px时，字体大小为32px */
@media (min-width: 992px) {
  p {
    font-size: 32px;
  }
}