CSS（Cascading Style Sheets）是一種用于網頁樣式設計的語言，可以通過它來創建美觀的頁面。其中一個常見的技術便是 “彈新頁”。這指的是，當用戶點擊一個鏈接時，頁面不是跳轉到另一個頁面，而是在當前頁面上彈出一個新頁，使得用戶可以在彈出的新頁中查看內容，同時還保留了原來的頁面，讓用戶可以隨時切換回去。

.popup {
position: fixed;
top: 20%;
left: 20%;
width: 60%;
height: 60%;
margin: auto;
padding: 20px;
background-color: #FFF;
border: 1px solid #000;
box-shadow: 5px 5px 5px #888;
z-index: 9999;
overflow: auto;
}
.overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.7;
background-color: #000;
z-index: 9998;
}
.popup-close {
position: absolute;
top: -10px;
right: -10px;
width: 20px;
height: 20px;
font-size: 20px;
line-height: 20px;
text-align: center;
cursor: pointer;
background-color: #FFF;
border: 1px solid #000;
border-radius: 50%;
box-shadow: 2px 2px 2px #888;
}
.popup-close:hover {
background-color: #F00;
color: #FFF;
}

上面的代碼就是一個基本的彈新頁的樣式設計。首先，我們需要在 HTML 中定義一個觸發彈新頁的鏈接，并給它一個 ID，比如說 “popup-link”。

<a href="#popup-content" id="popup-link">Click to open popup</a>

然后，在 CSS 中定義一個名為 “popup” 的樣式，它會被應用到彈出的新頁上。我們也定義了一個 “overlay” 樣式，它會占據整個頁面，用來隔離彈出的新頁和背景。

在 JavaScript 中，我們要監聽 “popup-link” 的點擊事件。當用戶點擊這個鏈接時，我們創建一個 “popup” 元素，并將其添加到頁面上。接著，我們還需要創建一個 “overlay” 元素，以便于隔離彈出的新頁和背景。最后，我們還要定義一個關閉按鈕的樣式，讓用戶可以方便地關閉彈出的新頁。

$('#popup-link').click(function() {
var popup = '<div class="popup" id="popup-content">';
popup += '<div class="popup-close">x</div>';
popup += '<p>Popup content goes here...</p>';
popup += '</div>';
var overlay = '<div class="overlay"></div>';
$('body').append(popup);
$('body').append(overlay);
$('.popup-close').click(function() {
$('.popup').remove();
$('.overlay').remove();
});
});

到這里，一個簡單的彈新頁就完成了。當用戶點擊 “popup-link” 時，頁面會彈出一個新頁。這個新頁會覆蓋原來的頁面，但是不會讓頁面刷新或跳轉。用戶可以隨時切換回原來的頁面，并且可以通過關閉按鈕來關閉彈出的新頁。