如何使用 VSCode 为 HTML 项目设置背景和字体背景设置：新建 HTML 文件，在 CSS 样式表中添加背景色定义，例如 body {background-color: #f0f0f0;}。字体设置：加载 Web 字体，将其导入 HTML 页面，在 CSS 样式表中使用 font-family 属性指定字体，例如 body {font-family: 'Roboto', sans-serif;}。
如何使用 VSCode 为 HTML 项目设置背景和字体
背景设置
- 新建 HTML 文件：首先创建一个新的 HTML 文件，例如 "index.html"。
-
添加 CSS 样式表：在
标签中添加标签，链接到一个外部 CSS 样式表。例如：
- 定义 CSS 样式：在 "style.css" 文件中，添加以下 CSS 规则来设置背景：
body {
background-color: #f0f0f0;
}字体设置
- 加载 Web 字体：选择并加载您想要的 Web 字体。您可以使用 Google Fonts 或 Adobe Fonts 等服务。
-
导入 Web 字体：将加载的字体文件导入您的 HTML 页面。在
标签中添加以下标签：
-
指定字体样式：在 CSS 样式表中，使用
font-family属性来指定您的字体。例如：
body {
font-family: 'Roboto', sans-serif;
}-
设置其他字体属性（可选）：您可以使用其他 CSS 属性来进一步自定义字体，例如
font-size,font-weight和font-style。
示例 HTML 和 CSS 代码
立即学习“前端免费学习笔记（深入）”；
以下是一个示例 HTML 和 CSS 代码，用于设置背景和字体：
标题
正文
body {
background-color: #f0f0f0;
font-family: 'Roboto', sans-serif;
font-size: 16px;
font-weight: 400;
}
h1 {
font-weight: 700;
} 
