Теория урока
@codebra_official
Подписывайся на наш Telegram-канал!
Новости, полезный материал,
программирование и ИБ
Подписывайся на наш Telegram-канал!
Новости, полезный материал,
программирование и ИБ
133. Свойство display
Свойство display применяется часто и нужно оно для определения того, как будет показан элемент в документе. Далее его синтаксис:
Код CSS
display: none | block | inline | inline-block | inline-table |
inline-flex | flex | list-item |
run-in | table | table-caption | table-cell |
table-column-group | table-column |
table-footer-group | table-header-group | table-row |
table-row-group none- Временно скрывает элемент. Страница генерируется так, словно этого элемента не существует.block- Элемент отображается как блочный. Если мы его применим для элемента<span>, то он отобразится как блок.inline- Элемент показывается как строчный. Для элемента<div>будет отменен перенос строки до и после блока, т.е. элемент будет отображаться как строчный.inline-block- Внутренняя часть элемента формируется как блок, а внешняя, как строка. То есть элемент будет обтекаться другими элементами. Так работает элемент<img>.inline-table- Элемент становится таблицей и обтекается другими элементами.inline-flex- Строчный. Ведет себя согласно флекс-модели.flex- Блочный. Ведет себя согласно флекс-модели.list-item- Блочный. Добавляется маркер списка.run-in- Элемент становится блочным или строчным в зависимости от контекста.table- Элемент становится блочной таблицей.table-caption- Задает заголовок таблицы. Аналог<caption>.table-cell- Ячейка таблицы.table-column- Колонка таблицы.table-column-group- Группа колонок таблицы.table-footer-group- Футер таблицы.table-header-group- Шапка таблицы.table-row- Строка таблицы.table-row-group- Несколько строк таблицы.
Похожие уроки Codebra
@codebra_official
Подписывайся на наш Telegram-канал!
Новости, полезный материал,
программирование и ИБ
Подписывайся на наш Telegram-канал!
Новости, полезный материал,
программирование и ИБ
Общая информация и форматирование таблицВерстка таблиц
Знакомимся с Flexbox в CSSЗнакомство с Flexbox
Пользовательские функции в PHPКурс по PHP
Свойство background для работы с фономЦвета и фон
Управляющие последовательности в JavaScriptТипы и переменные
Итоги раздела «Самые основы Python»Знакомство с Python
Погружение в PythonЗнакомство с Python
Первое знакомство с PythonЗнакомство с Python
Строковые функции в PHPКурс по PHP
<
×
>
HTML
CSS
Браузер
Вернуть расположение блоков
Код HTML
Код CSS
Браузер×
Задание
Восстановить код
Чтобы использовать все функции сайта (например: сохранение прогресса прохождения уроков, участие в рейтинге среди пользователей, прохождение тестов, просмотр внешних ссылок и скриншотов в некоторых курсах), вам нужно авторизоваться. Это можно сделать пройдя обычную регистрацию с использованием почты или в пару кликов, если у вас есть один из аккаунтов: ВКонтакте, GitHub, Google, Яндекс или Telegram.
- Скройте заголовок
h1при помощи свойстваdisplay.
– Не пропускайте новостей, подпишитесь на нашу страницу ВКонтакте, Telegram.
– На данный момент на сайте нет возможности оставлять комментарии, но Вы можете спросить в нашей Telegram-группе.
Необходимо авторизоваться, чтобы проверить задание
Это займет не больше минуты.
Это займет не больше минуты.