如何在VSCode中为HTML文件关联CSS样式表？

• 先确认CSS文件和HTML文件的位置关系：如果在同一文件夹，直接用文件名引入；不在同一文件夹要写准确相对路径
• 在HTML的<head>标签里插入<link>标签引入CSS，标准代码如下：

<link rel="stylesheet" href="样式表文件名.css">

举个例子，你的CSS文件名叫styles.css，那代码就是：

<link rel="stylesheet" href="styles.css">

• 检查细节：文件名要注意大小写（部分系统会区分大小写，拼写错了会加载失败），路径里的斜杠方向要正确（用正斜杠/）
• 如果CSS文件在子目录，比如css文件夹下，就写成：

<link rel="stylesheet" href="css/styles.css">

如果在上一级目录，就写成：

<link rel="stylesheet" href="../styles.css">

内容的提问来源于stack exchange，提问作者Hasan Bhati