CSS是一種樣式定義語言，可以讓我們輕松地為網頁和小窗口添加不同樣式。其中一個常見的需求是將小窗口居中。

為了讓小窗口居中，我們首先需要用CSS給它設置寬度和高度。接下來，我們可以使用CSS的margin屬性來控制小窗口在屏幕中的位置。

.popup {
position: absolute;
width: 300px;
height: 200px;
margin: auto;
top: 0;
left: 0;
bottom: 0;
right: 0;
}

在上面的代碼中，我們使用了絕對定位來定位小窗口，然后使用margin屬性將小窗口水平和垂直居中。這是通過將上下左右的值都設置為0來實現的。

除了使用margin屬性，我們還可以使用CSS3的flexbox布局來將小窗口居中：

.popup {
display: flex;
justify-content: center;
align-items: center;
}

使用flexbox布局，我們可以將小窗口水平和垂直居中，而不需要使用margin屬性。這是通過使用justify-content和align-items屬性來實現的。

總的來說，CSS提供了多種方法來將小窗口居中。無論你選擇使用margin屬性還是flexbox布局，都可以輕松地實現這個效果。