CSS是前端开发中非常重要的一种技术，它能够让我们实现精美的页面效果。除了基本的文字、图片排版和样式设置，CSS还能够帮助我们制作页面的页眉和页脚。

在CSS中，通过设置page伪类，我们可以定义页面的每一页的样式。我们可以为每一页定义不同的样式，同时也可以增加页眉和页脚。这里我们首先介绍一下如何制作页面的页眉。

@page {
/* 定义页眉 */
@top {
content: "页眉内容";
/* 设置页眉在页面中的位置 */
vertical-align: top;
/* 设置页眉的高度 */
height: 50px;
}
}

在上述代码中，我们使用了@page伪类来定义页面的样式。在其中，我们使用@top关键字指定这是页面的页眉部分。在@top内部，我们可以通过content属性来定义页眉的内容，还可以通过vertical-align属性来设置页眉在页面中的位置，height属性设置页眉的高度。

接下来，我们介绍如何定义页面的页脚。

@page {
/* 定义页脚 */
@bottom {
content: "页脚内容";
/* 设置页脚在页面中的位置 */
vertical-align: bottom;
/* 设置页脚的高度 */
height: 30px;
}
}

与页眉的代码非常类似，我们使用了@bottom来指定页面的页脚部分，通过content属性来定义页脚的内容，vertical-align属性来设置页脚在页面中的位置，height属性设置页脚的高度。

通过以上代码，我们可以实现页面的页眉和页脚。在实际开发中，我们可以根据需要来设置页眉和页脚的内容和样式，让页面更加美观。