CSS中的sub和sup是用于設置下標和上標效果的屬性。

.subclass{
font-size: smaller;
vertical-align: sub;
}

如上所示，我們可以使用vertical-align屬性來設置元素的垂直對齊方式，其中sub表示將元素垂直對齊至基線下方，即成為下標。

.supclass{
font-size: smaller;
vertical-align: super;
}

同樣，我們可以將垂直對齊方式設置為super，將元素垂直對齊至基線上方，即成為上標。

下標和上標的樣式可以通過font-size等屬性來調整大小，以達到更好的視覺效果。

.supclass{
font-size:xx-small;
vertical-align: super;
}
.subclass{
font-size:xx-small;
vertical-align: sub;
}

上述代碼演示了通過調整字體大小來達到更小的上標和下標效果。