在CSS中，段落是非常重要的元素之一，因为它们是
页面内容主体的基本构成部分之一。因此，在HTML中，我们使用p
标签来表示段落。在CSS中，我们可以使用如下
代码来样式化p
标签：
p {
font-family: Arial,sans-serif;
font-size: 16px;
line-height: 1.5;
color: #333333;
margin: 0;
}
这些
代码可以应用于HTML文档中的所有段落，从而实现段落的通用样式。其中，font-family
属性用于设置字体类型，font-size用于设置字体大小，line-height用于设置行高，color用于设置
文本颜色，margin用于设置段落与周围元素之
间的间距。
另外，有时候我们需要在HTML中展示
代码，此时我们可以使用pre
标签。pre
标签会保留文本中的空格和换行，使得展示
代码更加准确。在CSS中，我们可以使用如下
代码来样式化pre
标签：
pre {
font-family: Consolas,monospace;
font-size: 14px;
line-height: 1.2;
color: #333333;
margin: 0;
padding: 10px;
background-color: #f5f5f5;
border: 1px solid #e0e0e0;
}
这些
代码可以应用于HTML文档中的所有pre
标签，从而实现
代码展示的通用样式。其中，font-family和font-size
属性同样用于设置字体类型和大小，line-height用于设置行高，color用于设置
文本颜色，margin和padding用于设置
标签与周围元素之间和内部的间距，background-color用于设置背景颜色，border用于设置边框样式。
总的来说，CSS中的段落和
代码都是HTML文档中常见的元素，通过设置样式，我们可以使它们更加美观、易读。
