在CSS中，我們可以使用display屬性來控制一個元素的顯示或隱藏。下面是一些常用的display屬性值：

.hidden {
display: none;
}
.visible {
display: block;
}
.inline {
display: inline;
}

這里，.hidden類將元素隱藏，而.visible和.inline類則將元素顯示出來。

而判斷一個元素是否隱藏，我們可以使用window.getComputedStyle()方法。該方法返回一個對象，包含了計算后的元素樣式。通過檢查display屬性值的取值，我們可以判斷元素是否隱藏。

function isHidden(element) {
const style = window.getComputedStyle(element);
return style.display === 'none';
}

然后我們可以使用這個函數(shù)來判斷一個元素是否隱藏：

const element = document.querySelector('.my-element');
if (isHidden(element)) {
console.log('Element is hidden!');
} else {
console.log('Element is visible!');
}

這樣，我們就可以輕松地通過CSS樣式和JS代碼來顯示或隱藏一個元素，并判斷它的顯示狀態(tài)了。