CSS是一门前端开发技术中不可或缺的领域，它决定了网页的样式和排版。在CSS中，标题和正文的样式也是非常重要的，本文将为大家介绍如何使用CSS设置标题和正文代码的样式。 首先，我们要了解CSS中如何设置标题的样式。使用CSS设置标题的样式通常是通过h1-h6标签来实现的。在设置标题样式的时候，我们可以使用font-size、font-weight和color等属性来进行调整，同时可以使用text-align来设置标题的排版方式。例如，以下代码可以设置h1标签的样式为粗体、字号为36像素、居中对齐、颜色为红色：

h1 {
font-weight: bold;
font-size: 36px;
text-align: center;
color: red;
}

另外，还可以通过设置background-color等属性来实现标题的背景样式，例如：

h1 {
font-size: 24px;
font-weight: bold;
background-color: #ccc;
}

以上代码可以将h1标签背景设置为浅灰色。 接下来，我们来看一下如何设置正文代码的样式。在CSS中，我们通常使用pre标签来设置代码的样式，同时可以使用font-family和font-size等属性来进行调整。例如，以下代码可以将pre标签字体设置为“Courier New”、字号为16像素、颜色为黑色：

pre {
font-family: "Courier New", Courier, monospace;
font-size: 16px;
color: #000;
}

此外，我们还可以使用background-color等属性来设置代码块的背景色，例如：

pre {
font-family: "Courier New", Courier, monospace;
font-size: 16px;
color: #000;
background-color: #f8f8f8;
}

以上代码可以将pre标签的背景颜色设置为浅灰色。 总结起来，在CSS中如何设置标题和正文代码样式，我们可以通过调整不同的属性来实现，其中设置标题样式主要用到h1-h6标签，而设置正文代码样式则使用pre标签。希望以上内容能够帮助大家更好地掌握CSS的应用。