在HTML和CSS当中运用显示隐藏

在HTML和CSS中，可以通过多种方式来控制元素的显示和隐藏。以下是一些常用的方法：

1. 使用内联样式style属性直接在HTML标签上设置display属性。

<div style="display: none;">这个元素是隐藏的</div>

2. 通过CSS类来控制显示和隐藏。

<!-- HTML -->
<div class="hidden">这个元素是隐藏的</div>
 
<style>
    .hidden {
        display: none;
    }
</style>

3. 使用HTML5 hidden属性。

<div hidden>这个元素是隐藏的</div>

4. 使用CSS伪类:hidden。

div:hidden {
    display: block;
}

5. 使用JavaScript来控制元素的显示和隐藏。

<button onclick="toggleVisibility()">切换显示/隐藏</button>
<div id="myDiv">这个元素可以通过按钮来切换显示和隐藏</div>
 
<script>
    function toggleVisibility() {
        var x = document.getElementById("myDiv");
        if (x.style.display === "none") {
            x.style.display = "block";
        } else {
            x.style.display = "none";
        }
    }
</script>

以上是几种常见的在HTML和CSS中控制元素显示和隐藏的方法。