CSS彈出居中屏幕是一種常見的網頁設計技巧。這種技巧可以讓彈出層居中，讓用戶更容易注意到彈出層的內容。以下是一個實現CSS彈出居中屏幕的代碼示例。

.popup {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 9999;
}

首先，我們給彈出層設置了position:fixed屬性，這可以讓彈出層相對于瀏覽器窗口固定位置。接下來，我們使用了top:50%和left:50%屬性來將彈出層的中心點定位在瀏覽器窗口的中心點。然后，我們使用了transform屬性，將彈出層向上平移50%和向左平移50%的距離，這樣就可以讓彈出層居中顯示了。最后，我們使用z-index屬性來設置彈出層的層級，確保彈出層可以在其他元素之上顯示。

除了以上的CSS代碼之外，我們還需要HTML代碼來創建彈出層。以下是一個簡單的HTML示例代碼，可以幫助您創建一個基本的彈出層。

<div class="popup">
<p>這里是彈出層的內容。</p>
</div>

彈出層可以包含各種內容，如表單、圖像、視頻、文本等。在此基礎上，您可以根據自己的需求和設計來調整CSS代碼以創建不同風格的彈出層。