#11 - Свойства блоков CSS

#11 - Свойства блоков CSS

Существует еще несколько свойств для блоков, которые также можно применять и для других элементов. В уроке мы рассмотрим свойства display, а также overflow.

Видеоурок

Часто необходимо скрыть какой-либо объект со страницы сайта. К примеру, вы хотите показывать какой-либо блок только на разрешении экрана меньшим чем 500 пикселей. Значит на остальных разрешениях блок должен быть невидимым, а лучше вообще скрытым. Чтобы такое реализовать вам понадобиться свойство display со значением none.

Также не всегда нужно, чтобы текст вылазил за рамки блока. Эту проблему также очень легко решить просто добавив свойство overflow. При этом вы можете добавлять overflow для конкретных осей. К примеру, overflow-y будет применять значения только по оси y, а overflow-x - только по x.

Онлайн редактор кода

Загрузка...

Задание к уроку

Необходимо оформить подписку на проект, чтобы получить доступ ко всем домашним заданиям

Большое задание по курсу

Вам необходимо оформить подписку на сайте, чтобы иметь доступ ко всем большим заданиям. В задание входит методика решения, а также готовый проект с ответом к заданию.
PS: подобные задания доступны при подписке от 1 месяца

Также стоит посмотреть

Видеокурс по PHP, MySQL / Создание динамического сайта
Изучение препроцессора SASS / SCSS
7 уроков
Вёрстка адаптивного сайта на Bootstrap 4
6 уроков
Изучение технологии Bootstrap (верстка сайта)
16 уроков
Изучение ASP.NET Core MVC. Создание сайтов на C#
10 уроков
Верстка сайта на HTML5 и CSS3
13 уроков
Комментарии для сайта Cackle