CSS 动态显示隐藏可以通过元素的display属性来实现。元素的display属性有多个取值，例如block、inline、none等，通过改变元素的display属性可以使元素显示或隐藏。
下面是一个案例展示如何通过CSS动态显示和隐藏两个段落：
首先，定义两个段落：
<p id="para1">这是第一个段落</p> <p id="para2">这是第二个段落</p>然后，在CSS中设置元素的display属性：
#para1 {
display: block;
}
#para2 {
display: none;
}通过设置#para1的display属性为block，表示默认时该元素应该显示出来。而通过设置#para2的display属性为none，表示默认时该元素应该隐藏。
最后，通过JavaScript来控制元素的显示和隐藏：const para1 = document.getElementById('para1');
const para2 = document.getElementById('para2');
para1.addEventListener('click', function() {
para1.style.display = 'none';
para2.style.display = 'block';
});
para2.addEventListener('click', function() {
para1.style.display = 'block';
para2.style.display = 'none';
});在这个JavaScript代码中，我们用addEventListener方法为para1和para2绑定了click事件。当para1被点击时，我们将para1的display属性设置为none，表示该元素应该被隐藏；将para2的display属性设置为block，表示该元素应该被显示。当para2被点击时，我们把两个元素的display属性互换。这样，就可以实现段落的动态显示和隐藏了。
以上是关于CSS动态显示隐藏的简介，通过设置元素的display属性和Javascript控制它的显示和隐藏，可以实现元素动态展示的效果。