在Web開發中，我們常常會使用CSS來控制網頁的樣式。為了讓網頁結構更加清晰，我們經常會將CSS代碼單獨存放在一個文件中，以便于管理和維護。通常情況下，我們會將CSS文件放置在與HTML文件同級的目錄下，然后通過link標簽來引入。
<head> <link href="style.css" rel="stylesheet"> </head>
但是，在某些情況下，我們可能會需要將CSS文件嵌入到HTML文件夾中或者放置在其他的文件夾里。此時，我們可以通過相對路徑或者絕對路徑來引入CSS文件。
相對路徑的寫法比較簡單，我們只需要知道CSS文件與HTML文件之間的相對路徑即可。例如，假設我們將CSS文件放置在HTML文件所在的同一文件夾下，那么我們可以這樣寫：
<head> <link href="style.css" rel="stylesheet"> </head>
如果我們將CSS文件放置在HTML文件夾的上一層目錄下（也就是與HTML文件夾同級），那么我們可以這樣寫：
<head> <link href="../style.css" rel="stylesheet"> </head>
如果CSS文件夾放在HTML上的第三層目錄下，那么我們可以這樣寫：
<head> <link href="../../style.css" rel="stylesheet"> </head>
當然，使用相對路徑引用CSS文件需要注意路徑的準確性，一旦路徑寫錯，就會導致CSS文件無法正常引用。
相對路徑可能會因為文件夾層級的改變造成路徑失效，這時候就需要使用絕對路徑了。絕對路徑是指從根目錄開始到文件夾的完整路徑，可以保證引用的CSS文件不會受到文件夾層級的影響。
<head> <link href="/css/style.css" rel="stylesheet"> </head>
在使用絕對路徑時，需要注意路徑的正確性，否則也會引起CSS文件引用失敗。