在VSCode中新建HTML和CSS文件的步骤如下：

1. 打开VSCode编辑器。
2. 使用快捷键Ctrl + N或在菜单栏选择”文件”->”新建文件”，创建一个新的文件。
3. 将新建文件保存为HTML文件，在文件名后面加上.html的扩展名，例如index.html。
4. 输入以下HTML基本结构的代码模板：
“`

“`
以上代码中，``标签用于引入CSS文件。

5. 使用快捷键Ctrl + S或点击菜单栏的”文件”->”保存”，将HTML文件保存到指定位置。

6. 创建CSS文件，使用快捷键Ctrl + N或在菜单栏选择”文件”->”新建文件”，创建一个新的文件。
7. 将新建文件保存为CSS文件，在文件名后面加上.css的扩展名，例如style.css。
8. 在CSS文件中编写CSS样式，例如：
“`
body {
background-color: #f1f1f1;
font-family: Arial, sans-serif;
}

h1 {
color: #333333;
}

p {
font-size: 16px;
line-height: 1.5;
}
“`
以上代码定义了页面的背景颜色、标题的颜色以及段落的字体大小和行高。

9. 使用快捷键Ctrl + S或点击菜单栏的”文件”->”保存”，将CSS文件保存到指定位置。

10. 在HTML文件中引入CSS文件，在``标签中的``标签中的`href`属性中引用CSS文件的路径，例如：
“`html“`
其中，`style.css`是CSS文件的文件名。

完成上述步骤后，你就成功地在VSCode中新建了一个HTML文件，并引入了CSS文件。可以继续在HTML文件中编写HTML内容，同时在CSS文件中编写CSS样式来美化你的网页。

要在VSCode中新建HTML和CSS文件，可以按照以下步骤进行操作：

1. 打开VSCode软件。

2. 在左侧的侧边栏中，点击右上角的 “创建新文件” 图标，或者使用快捷键 Ctrl+N（Windows/Linux）或 Cmd+N（Mac）创建一个新文件。

3. 在新建文件中，输入或者复制粘贴以下代码来创建一个基本的HTML文件结构：

“`html

Hello, World!

This is a sample webpage.

“`

4. 点击文件菜单中的 “保存” 或者使用快捷键 Ctrl+S（Windows/Linux）或 Cmd+S（Mac）保存文件。选择一个文件名，以 `.html` 结尾。

5. 在同一个文件夹中，创建一个新的文件，并以 `.css` 结尾保存，命名为 `style.css`。

6. 在 `style.css` 文件中，输入或者复制粘贴以下代码来添加一些基本的样式：

“`css
body {
background-color: #f2f2f2;
font-family: Arial, sans-serif;
}

h1 {
color: blue;
}

p {
color: red;
}
“`

7. 保存 `style.css` 文件。

现在你已经成功创建了一个HTML文件，并在其中引入了一个外部的CSS样式表文件。当你在浏览器中打开HTML文件时，你会看到一个具有一些基本样式的网页。你可以在CSS文件中添加更多的样式规则，并在HTML文件中使用这些样式来美化你的网页。

在VScode中新建HTML和CSS文件的方法非常简单。下面是详细的操作流程：

步骤一：打开VScode应用
首先，打开VScode应用程序。你可以通过在开始菜单或快速启动栏中搜索”VScode”来找到并打开它。

步骤二：创建新的HTML文件
在VScode的左侧面板中，你会找到一个”资源管理器”图标，点击它以打开资源管理器。然后，选择一个你喜欢的文件夹，右键点击它，选择”新建文件”。在弹出的菜单中，选择”新建文件”选项。你也可以使用快捷键(Ctrl+N)来创建一个新的文件。

步骤三：命名新的HTML文件
在新创建的文件中，命名HTML文件的扩展名为”.html”。例如，你可以将文件名设置为”index.html”。

步骤四：编写HTML代码
在新创建的HTML文件中，你可以开始编写HTML代码。你可以使用各种HTML标签来构建你的页面结构，并添加内容。

步骤五：创建新的CSS文件
同样，在资源管理器中，右键点击你选择的文件夹，然后选择”新建文件”，再选择”新建文件”选项。你也可以使用快捷键(Ctrl+N)来创建一个新的文件。

步骤六：命名新的CSS文件
在新创建的文件中，命名CSS文件的扩展名为”.css”。例如，你可以将文件名设置为”styles.css”。

步骤七：连接HTML和CSS
在你的HTML文件中，使用标签将CSS文件链接到HTML文件中。将以下代码放入标签之间：

“`html“`

请确保将”styles.css”替换为你实际创建的CSS文件的文件名。

步骤八：编写CSS样式
现在你可以在新创建的CSS文件中编写CSS样式。使用各种CSS属性和选择器来定义你的样式规则。

通过按照以上步骤，你就可以在VScode中创建一个新的HTML文件，并使用CSS文件来美化你的页面了。