Ukrywanie elementów - "display: none;" kontra "visibility: hidden;"

Istnieją dwie popularne możliwości ukrycia jakiegoś elementu za pomocą CSS:

1. ustawienie właściwości display na none
2. ustawienie właściwości visibility na hidden

Różnica jest następująca: metoda 1 sprawia, że element jest traktowany jakby go w ogóle nie było, natomiast metoda 2 po prostu go ukrywa. Najłatwiej zauważalną różnicą jest to, że element ukryty tą drugą metodą wciąż zajmuje miejsce na ekranie.