在網頁制作中，彈窗是非常常見的一種交互方式。彈窗可以起到提示用戶、提醒用戶、引導用戶等多種作用。在 HTML 和 CSS 中，我們可以使用<div>和<span>等標簽實現彈窗，但較為常用的是 CSS 彈窗。

CSS 彈窗指的是使用 CSS 樣式來實現的彈窗效果。通常情況下，我們會在 HTML 中先寫好彈窗的內容，然后再通過 CSS 樣式去控制這些內容的顯示和隱藏。下面是一段實現最簡單的 CSS 彈窗的代碼：

<div class="popup">
<p>這是一個彈窗</p>
</div>
.popup {
display: none;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 20px;
background-color: #fff;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.3);
}
.show {
display: block;
}

首先，在 HTML 中我們使用了一個<div>標簽來包裹彈窗的內容，給它添加了一個類名popup。在 CSS 中，我們使用display: none;來將彈窗默認設置為不顯示狀態。

接著，我們使用position: absolute;、top: 50%;、left: 50%;和transform: translate(-50%, -50%);來將彈窗定位到屏幕中央。為了讓彈窗內容有一定的間距和美感，我們還添加了一些 padding 和背景色。

最后，我們使用一個名為show的 CSS 類來控制彈窗的顯示狀態。當需要顯示彈窗時，我們只需要給彈窗的<div>標簽添加這個類名即可。

這只是比較簡單的一個彈窗效果，實際開發中我們還可以通過添加動畫效果、調整彈窗的大小、修改背景透明度等等來實現更加復雜的 CSS 彈窗效果。