在网页设计中，CSS起着举足轻重的作用。其中，高度自适应、全屏显示是设计中非常基本的需求。 为了实现高度自适应，我们需要定义元素的高度为百分比，而非固定像素。例如，如果要让一个div元素高度自适应，我们可以这样定义CSS：

div {
height: 100%;
}

这样，无论div元素所在的容器大小为多少，div元素的高度都会自动适应。但是，这样的做法有一个问题，如果div元素还包含其他元素，那么div元素的高度就会被子元素撑开，无法达到预期的效果。为了解决这个问题，我们可以使用另外一种CSS实现方式来实现高度自适应。

body, html {
height: 100%;
}
.wrapper {
min-height: 100%;
}

以上代码我们用了“min-height”。这样可以让容器的高度至少占满整个视口的高度。而且这样的方式可以避免子元素造成高度溢出的问题。 比如一个垂直居中的模块（绝对定位）：

.wrapper {
position: relative;
}
.content {
position: absolute;
top: 50%;
transform: translateY(-50%);
}

以上代码就可以使得.content垂直居中的布局被应用到整个容器中。 接下来，我们来介绍如何实现全屏显示。我们可以借助CSS3中的vh和vw单位，其中vh表示视口高度的百分比，vw表示视口宽度的百分比。例如，如果要让一个元素全屏显示，我们可以这样定义CSS：

.div {
height: 100vh;
width: 100vw;
}

以上代码可以让div元素占据整个视口大小，从而实现全屏显示。可以注意的是，vh和vw单位也可以用在其他CSS属性上，比如font-size、padding等等。 总之，CSS高度自适应、全屏显示是网页设计中非常基本的需求，通过以上CSS技巧的学习和应用，我们可以更加灵活的控制网页的布局，使得我们的网页设计更加简洁、美观。