CSSで表示・非表示設定 display:none と visibility:hidden

今まで、HTMLページ上の特定のElementを非表示する際に、あまり意識すること無く利用していた

display:none

がありました。

ネット上のサンプルなどで、display:none の他にも visibility:hidden があり、同じ意味なんだろうなー

そう思っていました。

今回初めて、実際の意味を調べてみて、全然違うことに驚きました(^_^;)

display:none と visibility:hidden の違いは

こちらのサイトで詳しく分かります。

CSS Display and Visibility
www.w3schools.com/css/css_display_visibility.asp

疑問に思ったことは、直ぐに調べないととんでもない間違いコードを流出させてしまいそうですねφ(..)