Что делает свойство display: none

Свойство display: none полностью удаляет элемент из потока документа. Элемент не отображается на странице и не занимает место, как будто его нет в DOM. Это отличается от visibility: hidden, где элемент скрыт, но место за ним сохраняется.

.hidden-element {
  display: none;
}

Особенности:

• Элемент не рендерится браузером
• Не влияет на верстку (не занимает место)
• Недоступен для взаимодействия (клики, фокус и т.д.)
• Нельзя анимировать это свойство

Пример использования: скрытие элементов, которые появятся позже (модалки, выпадающие меню).