CSS是前端開發(fā)中不可或缺的一部分，而填寫相對路徑也是我們使用CSS時需要了解的內(nèi)容之一。相對路徑指的是相對于當(dāng)前所在文件的路徑，通過它我們可以正確引用到需要的文件資源，下面我們來了解一下如何填寫CSS的相對路徑。

在CSS文件中，我們通常會引用到圖片、字體、其他CSS文件等資源。如果這些資源都在同一目錄下，那么資源的引用方式就比較簡單，例如我們引用一個圖片文件：

background-image: url('image.jpg');

上述代碼中，我們使用了單引號將圖片文件的路徑包含起來。這里使用的路徑是相對路徑，它指向當(dāng)前CSS文件所在的目錄。這意味著，如果我們有一個如下的文件結(jié)構(gòu)：

- css
- style.css
- images
- image.jpg

那么我們可以在style.css文件中使用如下代碼引用到image.jpg文件：

background-image: url('../images/image.jpg');

代碼中，我們使用了雙點（..）來表示返回到上一級目錄，然后再進(jìn)入images目錄，最后找到image.jpg文件。這就是相對路徑的應(yīng)用方式。

除了使用雙點表示返回上一級目錄外，相對路徑還可以使用點表示當(dāng)前所在目錄，例如：

@font-face {
font-family: 'Open Sans';
src: url('./fonts/OpenSans-Regular.ttf');
}

上述代碼中，我們引用了一個自定義字體文件OpenSans-Regular.ttf，該文件與CSS文件在同一目錄下的fonts文件夾內(nèi)。因此我們使用了一個點來表示當(dāng)前所在目錄，然后進(jìn)入fonts目錄找到字體文件。

在引用CSS文件時，也需要使用相對路徑。例如我們有如下文件結(jié)構(gòu)：

- css
- style.css
- common.css

我們需要在style.css中引用到common.css文件，代碼如下：

@import url('../css/common.css');

代碼中，我們使用了相對路徑來引用到common.css文件，路徑的寫法需要根據(jù)文件位置進(jìn)行調(diào)整。

總之，在使用CSS時，正確填寫相對路徑是非常重要的，可以避免出現(xiàn)引用錯誤，同時能使我們更好地組織文件結(jié)構(gòu)，提高文件操作的效率。