在CSS中,“sub”并不是一个独立的属性,而是“vertical-align”属性的一个值。它用于控制元素的垂直对齐方式。具体来说,当应用于文本或内联元素时,设置为“sub”的元素会相对于其父元素进行下标(下标)定位。这通常用于表示数学公式中的指数或化学方程式中的原子量。
例如,假设你正在编写一个化学方程式,并希望将氧的原子量显示为其下方的小型数字,你可以这样做:
```css
supernumeral {
vertical-align: sub;
font-size: 0.7em; / 可选:调整下标的字体大小 /
}
```
然后在HTML中使用这个类:
```html
16O
```
这样,氧的原子量16将以较小的字体并向下移动的方式显示,使其看起来像是氧元素符号O的下标。
需要注意的是,虽然“sub”可以实现类似下标的效果,但在实际应用中,更推荐使用``标签来创建真正的下标,因为这不仅更语义化,而且便于屏幕阅读器等辅助技术理解内容结构。例如:
```html
O2
```
这段代码会自动将2设置为O的下标,而不需要额外的CSS样式。