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

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

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

Видеоурок

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

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

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

Загрузка...

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

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

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

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

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

Современная вёрстка адаптивного веб-сайта
Изучение препроцессора SASS / SCSS
7 уроков
Создание адаптивного сайта
4 урока
Изучение технологии Bootstrap (верстка сайта)
16 уроков
Изучение HTML5 от нуля до гуру!
21 урок
Верстка сайта на HTML5 и CSS3
13 уроков