在网页中，我们经常需要使用上标和下标，来表示化学式、数学公式、单位等等。这些都可以使用CSS来实现。
要定义一个上标，可以使用sup标签，下标则使用sub标签。当然，我们也可以通过CSS样式来实现。
在CSS中，我们可以使用vertical-align属性来定义一个元素的垂直对齐方式。当值为sub时，该元素将向下对齐，即变成下标；当值为super时，该元素将向上对齐，即变成上标。
例如，如下的CSS样式定义了一个上标和下标：
pre{
font-size: 16px;
font-weight: bold;
color: #333;
}
sup{
font-size: 12px;
vertical-align: super;
}
sub{
font-size: 12px;
vertical-align: sub;
}
现在，我们可以使用sup和sub标签在页面中定义上标和下标，它们的样式都会按照我们定义的CSS规则来显示。例如：
化学式H2O表示水，而E=mc2则是著名的相对论公式。
这样，就可以轻松实现上标和下标的功能了。需要注意的是，不同浏览器对CSS的支持可能并不完全一致，因此需要在多种浏览器中测试确认效果。
文章说明:
本文原创发布于探乎站长论坛，未经许可，禁止转载。
题图来自Unsplash，基于CC0协议。
该文观点仅代表作者本人，探乎站长论坛平台仅提供信息存储空间服务。
