CSS是網頁設計中必不可少的一部分，它可以為網頁添加各種樣式。今天，我們來學習一下如何使用CSS讓元素上下移動。

div {
position: relative;
top: 20px;
}

上面的代碼可以使<div>標簽向下移動20像素。通過設置position: relative;，我們可以讓元素相對于原來的位置進行移動。而top: 20px;則是設置它向下移動20像素。

div {
position: absolute;
top: 50%;
transform: translateY(-50%);
}

上面的代碼則是讓<div>標簽垂直居中。通過設置position: absolute;，我們可以將元素相對于它的父元素進行定位。然后，我們設置top: 50%;，使元素頂部與父元素頂部對齊，并將其向下移動一半的高度。最后，我們通過transform: translateY(-50%);將元素向上移動其自身高度的一半，使其垂直居中。

通過這兩個例子，我們可以看到CSS的強大之處。只要掌握了它的基本語法和常用屬性，我們就能輕松地為網頁添加各種豐富的樣式。