相對路徑是指以當前文件的路徑為基礎，來指定對其他文件的引用位置。在編寫CSS樣式表時，經常需要使用相對路徑來引用圖片、字體、背景等資源。相對路徑的寫法有三種：相對于當前文件的位置、相對于當前文件的上級目錄、相對于當前網站的根目錄。

1. 相對于當前文件的位置

background-image: url(../images/bg.jpg);
font-family: url(./fonts/PingFang.ttf);

在CSS文件中，使用“../”表示上級目錄，使用“./”表示當前目錄。這種寫法的意思是在當前CSS文件所在的目錄的上一級目錄（../），找到images目錄下的bg.jpg圖片，在當前文件所在的目錄./下找到fonts目錄下的PingFang.ttf字體文件。

2. 相對于當前文件的上級目錄

background-image: url(/images/bg.jpg);
font-family: url(/fonts/PingFang.ttf);

在CSS文件中，使用“/”表示網站的根目錄。這種寫法的意思是在網站的根目錄下的images目錄中找到bg.jpg圖片，在網站的根目錄下的fonts目錄中找到PingFang.ttf字體文件。

3. 相對于當前網站的根目錄

background-image: url(../images/bg.jpg);
font-family: url(../fonts/PingFang.ttf);

這種寫法是相對于網站根目錄的位置。 "../" 表示了文件夾在當前目錄的上一級目錄。

總結：

相對路徑的寫法需要根據具體的實際情況來選擇，常用的寫法是相對于當前文件的位置。需要注意的是，相對路徑的效果受到引用頁面所在的位置的影響，如果更改了文件的位置，可能會導致引用出錯。因此，相對路徑需要謹慎使用，以免出現問題。