页眉和页脚是文件排版中常见的部分之一，它们位于页面的顶部和底部，用于显示特定的信息和元素。在此文章中，我们将探讨如何设置和使用页眉和页脚。

设置页眉和页脚

要设置页眉和页脚，我们需要使用HTML和CSS来定义它们的样式和内容。首先，我们需要在HTML文档的头部区域插入以下代码：

```html

```

这段代码使用CSS的@media属性来指定在打印模式下的样式。在header和footer选择器中，我们使用了position: fixed属性来固定页眉和页脚的位置。将top属性设置为0将页眉置于页面顶部，将bottom属性设置为0将页脚置于页面底部。

接下来，我们需要在HTML的body中插入以下代码：

```html

```

这段代码将header标签用于定义页眉，footer标签用于定义页脚，可以根据实际需要在其中添加其他元素和内容。

使用页眉和页脚

页眉和页脚常用于展示附加信息或者导航栏。在打印模式下，它们可以用于包含公司名称、版权信息、页面编号等。

例如，在打印版的文档中，我们可以在页眉中加入公司名称和日期信息，同时在页脚中加入版权信息和页码。这些信息可以通过CSS进行样式定制。

在CSS样式表中，我们可以使用如下代码来修改页眉和页脚的外观和布局：

```html

```

这段代码指定了在打印模式下的页眉和页脚的背景色、文字颜色和内边距。您可以根据实际需求自定义这些样式。

总结

页眉和页脚是文件排版中的重要组成部分，通过设置和使用它们，我们可以方便地添加附加信息和导航栏。通过合理的样式和布局设置，可以使文档更具可读性和专业性。在设置和使用页眉和页脚时，我们需要注意样式和内容的一致性，以达到最佳的视觉效果和用户体验。

注意：本文主要参考了W3Schools和MDN文档中的相关内容。

参考资料

- [W3Schools - CSS Media Types](https://www.w3schools.com/css/css3_mediaqueries.asp)

- [MDN - CSS @media rule](https://developer.mozilla.org/en-US/docs/Web/CSS/@media)