CSS-display與visibility的不同

在使用CSS的初學者，應該都會有個問題
如果我想讓某個區塊消失，要用什麼語法呢？
一般來說有兩種做法
其一為使用display:none;設定該區塊不顯示；
其二為使用visibility:hidden;隱荿該區塊。

那兩者到底有什麼不同呢？
這個問題很簡單，display:none;是讓整個區塊消失，也就是說它不會佔版面任何一塊的位置；
而visibility:hidden;則是單純隱藏該區塊，但它還是在原來的位置，只是我們看不到而已。