网站介绍
欢迎来到我们的网站！这是一个使用HTML和CSS创建的简单网站，提供了各种基本的文本样式设置。通过在网页中使用特定的标签和属性，我们可以定义页面上元素的外观和格式。
CSS样式
在这个网站中，我们使用了CSS(层叠样式表)来定义各种样式规则。这些样式规则控制了网页中的各个元素如何显示和排列。以下是一些常用的CSS样式：
font-family:设置字体系列，用于指定网页中使用的不同字体。在这个例子中，我们使用了”Verdana”字体。font-weight:设置字体粗细，可以是正常、粗体或斜体。font-size:设置字体大小。在这里，我们将字体大小设置为0.7em,以适应不同的屏幕尺寸。color:设置文本颜色。默认情况下，文本颜色为黑色。margin-top:设置元素的上边距。这里将其设置为负值来实现垂直居中对齐。
HTML元素
为了展示不同的文本样式，我们在网页中使用了一些常见的HTML元素。下面是对每个元素的简要介绍：
body:表示整个网页的容器元素。它定义了网页的整体布局和外观。p:段落元素，用于包含文本内容。我们为其应用了默认的Verdana字体、正常字重和黑色颜色，并设置了一个顶部边距来创建间距。b:加粗元素，将文本设置为粗体显示。H1和H2:标题元素，分别表示最高级别的标题(最大字号)和次级标题(较小字号)。在这里，我们使用红色和深红色来增加视觉吸引力。pre:预格式化元素，用于保留文本中的空格、制表符等特殊字符。在这里，我们使用了”Consolas”、”Lucida Console”和”Monospace”字体之一，以及较小的字号和0.5em的内边距。这样可以使代码块在显示时保持整齐的格式。
这个网站是一个简单的示例，展示了如何使用HTML和CSS来定义文本样式和排版。你可以根据需要调整这些样式规则，并添加更多的HTML元素来构建你自己的网站。
