（注：本篇文章使用語言簡潔明了、示例詳細的方式，介紹CSS地址默認開關效果） CSS 地址默認開關是前端開發中常用的一種技巧，用于控制頁面布局中元素的位置和顯示狀態。具體來說，它可以通過設置CSS樣式，讓某個元素的位置和顯示狀態自動切換。 下面的示例展示了如何使用CSS 地址默認開關技巧，實現一個“點擊按鈕切換圖像”的效果：

我們先設置兩個圖片的樣式：

.img1 {
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
.img2 {
position: absolute;
left: 0;
top: 0;
z-index: 2;
display: none;
}

這里需要注意，兩個圖片的位置都是絕對定位，層級分別為 1 和 2，之所以設置為絕對定位，是因為子元素相對于其包含塊定位的方式不同，采用絕對定位可以讓圖片元素從正常的文檔流中脫離，避免產生布局上的影響。

同時，我們默認只顯示第一張圖片，第二張圖片的 display 屬性設置為 none，即不顯示。

接著，編寫 JavaScript 代碼實現按鈕的點擊事件：

const btn = document.querySelector('.btn')
const img1 = document.querySelector('.img1')
const img2 = document.querySelector('.img2')
btn.addEventListener('click', () =>{
if (img1.style.display === 'none') {
img1.style.display = 'block'
img2.style.display = 'none'
} else {
img1.style.display = 'none'
img2.style.display = 'block'
}
})

當按鈕被點擊時，通過改變圖片元素的 display 屬性，實現圖片的切換。

以上就是 CSS 地址默認開關的應用示例，通過該技巧可以實現更加靈活的元素控制和布局管理。