随着互联网的普及，网页的设计和开发越来越需要考虑到用户体验和页面布局。而页面高度的定义是一个非常重要的方面，决定了页面上元素的高度以及页面整体的布局。在CSS中，大家可以通过定义元素的`height`属性来定义页面的高度。
1. 使用`height`属性
下面是一个简单的示例：
“`html
2. 使用绝对定位和transform
除了使用`height`属性外，大家还可以使用绝对定位和transform来改变页面上元素的高度。绝对定位可以让大家将一个元素定位到页面的任意位置，而transform可以让大家通过改变元素的大小和形状来改变页面的高度。
下面是一个简单的示例：
“`html
<div></div>
在上面的示例中，`div`元素被定义为一个`div`元素，`position`属性被设置为`absolute`,`top`属性被设置为100px,`height`属性被设置为200px。通过设置这些属性，`div`元素将被定位到页面的顶部，并且高度为200像素。
3. 使用Flexbox布局
如果你需要对整个页面进行布局，而不仅仅是一个元素的高度，可以使用Flexbox布局。Flexbox允许你通过设置元素的`display`属性为`flex`来创建一个 Flexbox 布局。在 Flexbox 布局中，你可以使用 `flex-grow`、`flex-shrink`、`flex-basis`属性来控制元素在 Flexbox 中的高度。
下面是一个简单的示例：
“`html
<div></div>
在上面的示例中，`div`元素被定义为一个`div`元素，`display`属性被设置为`flex`,`flex-direction`属性被设置为`column`,`height`属性被设置为100vh(即页面垂直高度的一半)。通过设置这些属性，`div`元素将占据整个页面的垂直空间，并且高度为100像素。
CSS定义页面高度是一个非常重要的方面，可以让大家通过设置元素的`height`属性来定义页面的高度，从而更好地控制页面的布局和样式。