有時候我們在網頁中引用了外部的CSS樣式文件，但卻發現樣式并沒有起作用，這很可能是因為路徑錯誤導致的無法加載CSS。
通常來說，當我們引用外部CSS時，需要使用標簽并指定href屬性，例如：
<head> <link rel="stylesheet" href="styles.css"> </head>
其中，href屬性指定CSS文件的路徑。這里的路徑可以是絕對路徑，也可以是相對路徑。
如果我們使用的是相對路徑，那么我們需要確保路徑是正確的。比如，如果CSS文件與HTML文件在同一目錄下，那么我們應該這樣寫：
<head> <link rel="stylesheet" href="styles.css"> </head>
如果CSS文件位于HTML文件所在目錄的上級目錄下，那么我們可以使用“../”表示上級目錄：
<head> <link rel="stylesheet" href="../styles.css"> </head>
需要注意的是，如果路徑中有中文或空格等特殊字符，需要對其進行URL編碼，否則會導致路徑錯誤，樣式無法加載。
如果我們的樣式仍然沒有起作用，那么我們可以在瀏覽器中按F12打開開發者工具，在元素面板中查看該元素所應用的樣式，并檢查樣式表路徑是否正確，以及樣式是否被其他樣式覆蓋等問題。
上一篇html5代碼動畫