CSS中的display和visibility屬性

css中display和visibility可以隱藏和顯示html元素包括DIV層。看起來兩者非常類似，很多人會搞混。下面分別介紹兩者的屬性：

display:none|block;

display:none;

隱藏該html元素，確切的說，是在瀏覽器中消除該元素，不占屏幕的空間。若其下有其他元素，就會上移到該空間區域（好像桌子上有100塊錢，現在我把它放在抽屜里藏起來，桌子上放100錢的地方可以放在其他任何東西）。

dispaly:block;

顯示已經隱藏的html元素，如果別的元素占有了該空間時，他將下移，空間重新別原來的元素占有。（把100塊錢重新從抽屜里那出來放回桌子上）。

visibility：hidden|visible;

visibility:hidden;

隱藏該元素，正真的隱藏，但他還占有那塊空間。這時，（桌子上有100塊錢，這是我蓋了桌布把他隱藏起來，錢還在那里）。

visibility:visible;

讓元素顯示（拿掉了桌布，看到了100塊錢）。

所以display和visibility控制的分別是html元素是否存在和是否顯示，display的屬性定義該元素存在或不存在，而visibility的屬性只是控制該元素是否顯示出來，實際上還是存在的。

有興趣的可以按照下方代碼實際操作下，代碼：