我在遵循YouTube上的一個教程，它教我如何創建一個作品集網站。他說，他將使用css來做樣式，因為對于這個項目來說，它提供了比CSS更多的優勢。我已經安裝了他使用的所有擴展。我寫了代碼，和他的代碼完全一樣，然后教他以后根據我的需要修改它。但是，當我完成代碼時，我在實現網頁中的樣式時遇到了一些問題。樣式似乎沒有與HTML網頁正確鏈接。這是HTML代碼中的鏈接部分:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portfolio</title>
<link rel="stylesheet" href="templates/styles.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R+E6ztJQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap" rel="stylesheet">
</head>文件格式對我來說似乎也是正確的，但我不明白問題出在哪里。我已經嘗試將擴展名從templates/styles.css更改為templates/styles/sccs，但是沒有任何效果。這是我的文件夾結構在VS代碼中的圖像: VS代碼中的文件結構
有人能幫我找到問題嗎？我試著用多種方式聯系制作這個視頻的人，但是他在過去的一周都沒有回復。謝謝你。
編輯:我什么都試過了，就是不行。這是我的文件夾結構和我的HTML代碼，請讓我知道我的鏈接過程是否正確。謝謝你。帶有SASS文件的文件夾結構和帶有鏈接部分的HTML代碼
我剛剛用我的html代碼連接了scss文件，但是樣式沒有在網頁中實現。這是我在服務器上用VS代碼運行HTML代碼后看到的。不帶樣式的當前網頁圖像
首先你需要把SCSS編譯成CSS。注意，瀏覽器只能解析CSS，不能解析SCSS
在您構建/編譯您的SCSS之后，您可以鏈接到那個編譯的版本。
如何編譯取決于如何鏈接。如果你編譯的CSS在dist目錄下，看起來會像這樣。
<link rel="stylesheet" href="dir/styles.css">在您的具體案例中，似乎是:
<link rel="stylesheet" href="./styles/styles.css">