在CSS中，我們可以設置元素的寬度和高度。而有時候，我們需要讓一個元素撐滿整個屏幕，這時就需要使用CSS樣式全屏。

html, body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
.element {
width: 100%;
height: 100%;
}

上面的代碼中，我們通過設置html和body元素的寬度和高度為100%，使它們占滿整個頁面。同時，我們將元素的margin和padding設置為0，去掉了它們的邊距。接著，在需要全屏的元素中設置寬度和高度都為100%，便實現了CSS樣式全屏。

當我們需要讓某個元素在網頁上層覆蓋其他元素時，也可以使用CSS樣式全屏：

.overlay {
position: fixed;
z-index: 10;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.5);
}
.content {
z-index: 5;
}

上面的代碼中，我們通過設置元素的position為fixed來使之脫離文檔流，并且固定在屏幕上方。設置top和left為0則代表該元素左上角與網頁左上角重合。通過設置z-index屬性，我們可以控制元素的顯示順序，數值越大的位于越上層。我們同時也可以在全屏元素中設置背景色、圖片等樣式。

通過使用CSS樣式全屏，我們能夠更加靈活地控制頁面元素的呈現效果，提升用戶體驗。