純CSS做顯示和隱藏經常用到的有兩種方式：display和visibility。

使用display：

.element {
display: none;
}
.element.active {
display: block;
}

使用visibility：

.element {
visibility: hidden;
}
.element.active {
visibility: visible;
}

其中，display:none會將元素完全從頁面中移除，不會占用空間，也不會處理占用空間的情況。而visibility:hidden會將元素隱藏但會占用空間，保留該元素在文檔流中的位置，但完全不顯示。

兩者的區別，在于當設置了display:none后，該元素已經不存在于頁面中了，再想展示必須先將display屬性改變，而visibility:hidden則只是在元素不可見而已，只需要設置visibility:visible即可。

使用純CSS做顯示和隱藏，能夠在一定程度上減少JavaScript代碼的使用，提高頁面性能。但是需要注意的是，如果這些元素需要頻繁切換顯示和隱藏狀態，則建議使用JavaScript來實現，這樣能減輕CSS屬性修改的壓力，以保證頁面的流暢性。