CSS отображение и скрытие, блочные и строчные элементы

Цикл статей «CSS учебник».

Следующая статья — «CSS позиционирование».
Предыдущая статья — «CSS таблицы».

Элементы бывают строчные и блочные. Блочные элементы отображаются как прямоугольные блоки, а строчные элементы отображаются так, словно они являются частью строки.

Примеры блочных элементов: <div>, <p>, <h1>, <h2> …

Примеры строчных элементов: <span>, <b>, <i> …

За тип блочный/строчный отвечает свойство CSS display.

Блочные элементы имеют свойство display:block, а строчные элементы имеют это свойство display:inline . Можно полностью скрыть элемент со страницы, указав display:none. Элемент с display:none  не отображается на странице, и место под него не резервируется, словно его нет.

Описание свойства CSS display с примером.

Можно делать элементы невидимыми, но оставлять для них место на странице с помощью свойства visibility. Для этого нужно указать свойство visibility:hidden. По умолчанию оно равно visible.

Описание свойства CSS visibility с примером.

 
Цикл статей «CSS учебник».

Следующая статья — «CSS позиционирование».
Предыдущая статья — «CSS таблицы».