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

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

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

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

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

為了讓上標的位置達到我們的要求，我們需要使用vertical-align屬性。vertical-align可以控制行內元素的垂直對齊方式，這個屬性值本質上是一個基線，可以根據我們的要求來設置上標的位置。

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

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

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