（注：本篇文章使用语言简洁明了、示例详细的方式，介绍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 地址默认开关的应用示例，通过该技巧可以实现更加灵活的元素控制和布局管理。