CSS3全屏布局是一種新型的網(wǎng)頁布局方式，它可以讓網(wǎng)頁內(nèi)容占滿整個屏幕，讓網(wǎng)站更加美觀，提高用戶體驗。

/* 全局樣式 */
body, html {
height: 100%;
padding: 0;
margin: 0;
}
/* 區(qū)域樣式 */
section {
height: 100%;
width: 100%;
padding: 0;
margin: 0;
}
/* 頂部導(dǎo)航欄樣式 */
nav {
height: 10%;
background-color: #333;
color: #fff;
padding: 10px;
}
/* 主體區(qū)域樣式 */
main {
height: 80%;
padding: 10px;
}
/* 頁腳樣式 */
footer {
height: 10%;
background-color: #333;
color: #fff;
padding: 10px;
}

如上代碼中，設(shè)置了全局樣式，讓body和html的高度都為100%；然后通過section標(biāo)簽設(shè)置每個區(qū)域的高度為100%，寬度也為100%；nav、main和footer則分別是設(shè)置頂部導(dǎo)航、主體內(nèi)容和底部頁腳的樣式。

可以看到，利用CSS3的全屏布局可以讓一個網(wǎng)頁完美適應(yīng)各種尺寸的屏幕，展示效果非常出色。