CSS可以讓我們方便地控制文本的顯示效果，包括上標(biāo)和下標(biāo)。下面我們來看一下如何用CSS實現(xiàn)這兩種效果。

首先，我們先來看下標(biāo)的實現(xiàn)方法。CSS提供了一個屬性text-decoration，其中有一個屬性值是sub，它可以讓我們的文字顯示為下標(biāo)。下面是一個示例代碼：

p {
font-size: 16px;
}
.sub {
text-decoration: sub;
}

在HTML中，我們需要在需要下標(biāo)的文字所在的標(biāo)簽中添加class="sub"屬性，然后在CSS中設(shè)置.text-decoration為sub。這樣，我們就可以通過CSS控制需要下標(biāo)的文字。

接下來，我們來看如何使用CSS實現(xiàn)上標(biāo)。CSS同樣提供了一個text-decoration屬性，其中有一個屬性值是sup，它可以讓我們的文字顯示為上標(biāo)。但是，如果我們使用text-decoration來實現(xiàn)上標(biāo)時，會發(fā)現(xiàn)上標(biāo)的位置并不是我們想要的效果。

為了讓上標(biāo)的位置達(dá)到我們的要求，我們需要使用vertical-align屬性。vertical-align可以控制行內(nèi)元素的垂直對齊方式，這個屬性值本質(zhì)上是一個基線，可以根據(jù)我們的要求來設(shè)置上標(biāo)的位置。

p {
font-size: 16px;
}
.sup {
font-size: 12px;
vertical-align: super;
}

在HTML中，我們需要在需要上標(biāo)的文字所在的標(biāo)簽中添加class="sup"屬性，然后在CSS中設(shè)置font-size為需要的大小，vertical-align為super。這樣，我們就可以通過CSS控制需要上標(biāo)的文字，而且可以自由控制上標(biāo)的位置和貼近度。

總之，CSS可以讓我們輕松地實現(xiàn)上標(biāo)和下標(biāo)的效果，并且可以自由地控制其位置和貼近度。這在科技文獻(xiàn)、化學(xué)公式和數(shù)學(xué)公式中使用非常廣泛，值得我們掌握。