CSS是我們頁面設計中不可或缺的一部分，它可以控制頁面的布局、顏色、大小等等。今天我們來討論如何使用CSS使元素占據屏幕50%的高度。

/* 首先，我們需要設置html和body元素的高度為100% */
html, body {
height: 100%;
}
/* 接下來，我們使用flex布局實現元素占據屏幕50%的高度 */
.container {
display: flex; /* 設置容器為flex布局 */
height: 100%; /* 設置容器高度為100% */
}
.content {
flex: 1; /* 設置內容占據剩余空間 */
height: 50%; /* 設置內容高度為50% */
}

通過以上的代碼，我們創建了一個容器元素和一個內容元素。我們使用flex布局將容器元素設置為占據100%的高度，并設置內容元素占據剩余空間的50%的高度。

以上就是使用CSS占據屏幕50%高度的方法，希望對您有所幫助。