CSS字上下移動是一種比較常用的效果，通常用于網頁標題或廣告詞等吸引眼球的地方。

實現CSS字上下移動的方法是利用CSS的animation動畫特性。首先，我們需要定義一個CSS樣式，如下：

.move {
animation: upDownMove 2s infinite alternate;
}
@keyframes upDownMove {
0% {
transform: translateY(0);
}
100% {
transform: translateY(20px);
}
}

上面的代碼定義了一個名為move的CSS類，其animation屬性指定了動畫效果的名稱、持續時間、循環次數、以及是否反向播放（即回到起始狀態）。而keyframes則定義了動畫的關鍵幀，此處用translateY屬性實現上下移動。

接下來，在HTML中應用此CSS樣式：

<h1 class="move">CSS字上下移動效果</h1>

上面的代碼將一個h1標簽添加了move類，使其呈現上下移動效果。

需要注意的是，CSS字上下移動效果會增加網頁的視覺沖擊力，但也有可能會分散用戶的注意力。因此應根據實際需要謹慎使用。