CSS中彈出窗口是非常常見的一種交互方式，它可以為用戶提供更好的視覺效果和用戶體驗，下面我們來介紹一下如何實現CSS中的彈出窗口。

首先，我們需要定義一個彈出窗口的外框架，可以使用一個DIV標簽來實現：

.popup {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 300px;
height: 200px;
background-color: #fff;
border: 1px solid #ddd;
z-index: 999;
}

上述代碼中，我們使用了position: fixed屬性將該DIV標簽固定在瀏覽器窗口中心，通過使用top、left和transform屬性來實現。同時，我們設置了該標簽的寬度、高度、背景色、邊框和層級等屬性。

接下來，我們需要給該彈出窗口添加一個遮罩層，以防止用戶在彈出窗口出現時操作其他內容，代碼如下：

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

上述代碼中，我們使用position: fixed屬性將該DIV標簽固定在瀏覽器窗口左上角，并使用width和height屬性將其大小設置為瀏覽器窗口大小。同時，我們設置了該標簽的背景色和層級等屬性。

最后，我們需要使用JavaScript來控制彈出窗口的顯示和隱藏，代碼如下：

document.getElementById("openPopup").addEventListener("click", function() {
document.querySelector(".overlay").style.display = "block";
document.querySelector(".popup").style.display = "block";
});
document.getElementById("closePopup").addEventListener("click", function() {
document.querySelector(".overlay").style.display = "none";
document.querySelector(".popup").style.display = "none";
});

上述代碼中，我們首先查找了打開和關閉彈出窗口的按鈕，然后給它們綁定了一個點擊事件。當用戶點擊打開按鈕時，我們顯示遮罩層和彈出窗口；當用戶點擊關閉按鈕時，我們隱藏遮罩層和彈出窗口。

綜上所述，CSS中實現彈出窗口需要定義彈出窗口的外框架、遮罩層和使用JavaScript來控制顯示和隱藏等，我們可以根據實際需求進行進一步的樣式調整和功能實現。