CSS（Cascading Style Sheets）是用來(lái)美化網(wǎng)頁(yè)的一門語(yǔ)言，CSS中有很多用法。今天我們要講的是如何使用CSS來(lái)改變標(biāo)簽的位置。

// 以下是CSS代碼
p {
position: relative;
left: 20px;
top: 20px;
}

以上代碼是將p標(biāo)簽向右下方移動(dòng)了20px。下面我們來(lái)詳細(xì)解釋一下這段CSS代碼。

CSS有很多屬性可以用來(lái)控制標(biāo)簽的位置，而position是最常用的屬性之一。position共有四個(gè)值：static、relative、absolute和fixed。其中，我們今天需要用到的是relative。

relative表示相對(duì)定位，它會(huì)根據(jù)標(biāo)簽本來(lái)應(yīng)該在的位置來(lái)移動(dòng)。在以上的代碼中，我們?yōu)閜標(biāo)簽設(shè)置了relative屬性。

接著，我們使用了left和top屬性來(lái)控制p標(biāo)簽的移動(dòng)方向。left值為正數(shù)時(shí)，標(biāo)簽向右移動(dòng)，為負(fù)數(shù)時(shí)，標(biāo)簽向左移動(dòng)；top值為正數(shù)時(shí)，標(biāo)簽向下移動(dòng)，為負(fù)數(shù)時(shí)，標(biāo)簽向上移動(dòng)。在以上的代碼中，我們都將值設(shè)為20px。

最后，我們就可以看到效果了。通過(guò)這種方式，我們可以方便地在網(wǎng)頁(yè)中調(diào)整標(biāo)簽的位置。在實(shí)際開發(fā)中，這種技巧往往會(huì)發(fā)揮很大的作用。