В чем отличия в css: visibility: hidden и display: none ?

• visibility: hidden — скрывает от показа блок с этим свойством (вместе с фоном и границей), т.е. блок становится полностью прозрачным.
• display: none — блок с этим свойством удаляется из показа вообще.

Синтаксис visibility:
visibility: visible(отображать) | hidden(сделать прозрачным) | collapse (у таблиц значение такое как у display: none; у остальных аналогично hidden ) | inherit (наследует от родителя)

Синтаксис display:
display: block(отображение блока) | inline | inline-block (обтекаемый блок) | inline-table (как обтекаемая текстом таблица) | list-item(отображается, добавляется маркер списка) | none(удаляется из показа) | run-in (элемент или блочный или встроенный в зав-ти от контекста) | table (как тэг table) | table-caption (аналогично с caption) | table-cell (как td или th) | table-column-group (как colgroup) | table-column (как col) | table-footer-group (сходно с tfoot) | table-header-group(сходно с тегом thead) | table-row(элемент как строка таблицы, tr) | table-row-group (аналогично tbody)