Цикл статей «CSS учебник».
Следующая статья — «CSS позиционирование».
Предыдущая статья — «CSS таблицы».
Элементы бывают строчные и блочные. Блочные элементы отображаются как прямоугольные блоки, а строчные элементы отображаются так, словно они являются частью строки.
Примеры блочных элементов: <div>, <p>, <h1>, <h2> …
Примеры строчных элементов: <span>, <b>, <i> …
За тип блочный/строчный отвечает свойство CSS display.
Блочные элементы имеют свойство display:block, а строчные элементы имеют это свойство display:inline . Можно полностью скрыть элемент со страницы, указав display:none. Элемент с display:none не отображается на странице, и место под него не резервируется, словно его нет.
1 2 3 |
.class21 { display:none; } |
Описание свойства CSS display с примером.
Можно делать элементы невидимыми, но оставлять для них место на странице с помощью свойства visibility. Для этого нужно указать свойство visibility:hidden. По умолчанию оно равно visible.
1 2 3 |
.class33{ visibility : hidden; } |
Описание свойства CSS visibility с примером.
Цикл статей «CSS учебник».
Следующая статья — «CSS позиционирование».
Предыдущая статья — «CSS таблицы».