CSS（層疊樣式表）是一種用于美化 HTML 頁面的語言。它使我們能夠輕松將不同的樣式應用于不同的元素，如字體、顏色、大小等。在這篇文章中，我們將會學會如何使用 CSS 來鋪滿窗口。

假設我們有一個網頁元素（例如一個 div 元素），它的寬度和高度是固定的，但我們希望它能夠鋪滿整個窗口。

/*HTML*/
<div class="wrapper">
<p>這是一個示例的 div 元素。</p>
</div>
/*CSS*/
body, html {
height: 100%;
margin: 0;
padding: 0;
}
.wrapper {
width: 500px;
height: 300px;
background-color: #ccc;
margin: 0 auto;
}
@media only screen and (min-width: 500px) {
.wrapper {
width: 100%;
height: 100%;
}
}

以上代碼中，我們首先設置 body 和 html 元素的高度為 100%，并將邊距和填充設置為 0。這是因為默認情況下，body 和 html 元素有一些邊距和填充，我們需要把它們去掉。

接下來，我們給 .wrapper 元素設置了一個固定的寬度和高度，同時設置了一個背景顏色。這個 div 元素應該是沒有充滿整個屏幕的。

最后，我們使用媒體查詢來檢查視口的寬度是否大于等于 500 像素。如果是，就將 .wrapper 元素的寬度和高度設置為 100%，這樣它就可以鋪滿整個屏幕了。

現在我們可以將上述代碼復制到你的HTML和CSS文檔中，并且按Ctrl+S鍵來保存它們。瀏覽器刷新后，div 元素將鋪滿整個窗口。