CSS是一种用于设计网页布局和样式的语言。在网页设计中，有时我们需要控制页面的顶部距离，以便在页面中展现更好的视觉效果。那么，如何使用CSS控制页面顶部距离呢？下面是一些示例代码：

p {
margin-top: 50px; /*设置p标签与页面顶部的距离为50个像素*/
}
#header {
position: fixed; /*设置header标签为固定定位*/
top: 0; /*将header标签置于页面顶部*/
left: 0; /*将header标签置于页面左侧*/
width: 100%; /*将header标签的宽度设置为100%*/
}
#footer {
position: absolute; /*设置footer标签为绝对定位*/
bottom: 0; /*将footer标签置于页面底部*/
left: 0; /*将footer标签置于页面左侧*/
width: 100%; /*将footer标签的宽度设置为100%*/
}

在上述示例代码中，我们可以使用margin-top属性来控制p标签与页面顶部的距离。此外，我们还可以使用CSS的position属性和相关属性值来固定header标签在页面顶部、将footer标签置于页面底部，从而控制它们与页面顶部的距离。 总之，在设计网页布局和样式时，我们可以借助CSS的各种属性和值来控制页面元素的位置和大小，以达到更好的视觉效果。