Как спрятать блок CSS

Есть несколько способов спрятать блок с помощью CSS. Рассмотрим два наиболее распространенных.

1. Использование свойства display:none;

HTML:

<div class="block">Скрытый блок</div>

CSS:

.block {
  display:none;
}

В данном примере мы использовали свойство display:none;, чтобы скрыть элемент с классом .block. Это свойство удаляет элемент из потока документа и при этом не занимает места на странице.

2. Использование свойства visibility:hidden;

HTML:

<div class="block">Скрытый блок</div>

CSS:

.block {
  visibility:hidden;
}

В данном примере мы использовали свойство visibility:hidden;, чтобы скрыть элемент с классом .block. В отличие от display:none; элемент сохраняет свое место на странице, но он не виден.

Обратите внимание, что второй способ не удаляет элемент из потока документа, поэтому его размеры все еще влияют на расположение других элементов на странице.

Вы можете выбрать любой из способов, в зависимости от того, какой результат вы хотите получить.