отличие display none от visibility hidden

Ответ от Александр Ермилов[гуру]
ну, тут все достаточно просто. к чему урок, когда все элементарно?
ссылка hidden; скрывает элемент, но в отличие от ссылка none; \"оставляет место\" под него. т. е. элемент именно скрывается, в то время как display: none; убирает элемент совсем, как будто его нет.
и еще одно существенное различие - при visibility: hidden; можно показать \"детей\" элемента.
например:
ul { visibility: hidden; }
ul li { visibility: visible; }
использовать visibility: hidden; стоит в том случае, когда нужно оставить место под скрытый элемент, либо когда нужно показать потомков. в других случаях используется display: none;
но там все несколько сложнее, потому что display не только скрывает и показывает элемент, но и отвечает за то, как показывает - как блок, инлайн и т. д.
поэтому когда скрытый с помощью display: none; элемент надо показать, то ему возвращается то значение, которое необходимо - например, display: block; для блока.