p {
font-size: 16px;
line-height: 1.5;
color: #333;
margin-bottom: 20px;
}
sub {
font-size: 10px;
line-height: 1;
vertical-align: baseline;
position: relative;
bottom: -0.5em;
}在上面的代码中，大家定义了一个基础的段落样式，然后定义了一个sub的伪元素样式，用于将文本中的字符变成下标样式。
在HTML中使用下标代码非常简单，只需要在需要下标效果的字符处使用<sub>标签即可。
<p>这是一个包含下标的句子:<br> H<sub>2</sub>O是水的化学式。</p>
上面的代码会在文本中将字符2变成下标样式。
除了<sub>标签外，CSS还提供了<sup>标签，用于添加上标样式。使用方法与<sub>类似，只需要将标签名换成<sup>即可。
需要注意，在使用下标和上标样式时，可能会对文本的可读性造成一定的影响，因此需要根据具体的需求和设计要求进行使用。