Привет друзья! Сейчас я вам расскажу как работать с блочными элементами, если они выходят за границы какой-нибудь своей прямоугольной области, для которых она задана, для того, чтобы отобразить их на экране в компактном виде. Например, самый простейший пример - когда у вас есть много текста и вы ограничиваете его вывод прямоугольной областью - например - это рекламный прямоугольник, располагающийся например с правой стороны от основного контента.
Теперь вы можете сделать так, чтобы у вас часть контента, которая не помещается в этот прямоугольник - просто скрылась, либо сделать так, чтобы она отобразилась с дополнительными полосами прокрутки для этого элемента и тогда можно будет пролистать весь контент и конечно посмотреть его целиком. 😊
💥 Изучите свойство стиля overflow для блочных элементов.
💥 Разберете на примере DIV и P.
💥 Поработаете с дебагером и со стилями😊
Ставь лайк, если тебе понравилось видео 👍
►► Подписывайся на наш канал: / @wiseplat
Рекомендую посмотреть вот эти видео ►
★ [Учим HTML за 30 минут, всего за пол часа вы сделаете свой первый сайт с нуля] • Уроки HTML, CSS / Учим...
★ [Свойство стиля margin отступ от границ] • Уроки HTML, CSS / Свой...
★ [Делаем новогодний курсор на сайте, вместо мышки елочная игрушка или новогодний шарик] • Уроки HTML, CSS Делаем...
★ [Как отобразить другой сайт внутри вашего сайта, тег iframe] • Уроки HTML, CSS Как о...
★ [Как напечатать текст справа налево] • Уроки HTML, CSS Как н...
★ [Как сделать бегущую строку] • Уроки HTML, CSS / Как ...
★ [Что такое классы] • Уроки HTML, CSS Что т...
★ [Как скопировать стиль, с одного сайта на другой] • Уроки HTML, CSS / Как ...
★ [Как добавить снег на сайт] • Уроки HTML, CSS / Как ...
★ [Как сделать галерею картинок] • Уроки HTML, CSS Как с...
★ [Как сделать горизонтальную линию] • Уроки HTML, CSS / Как ...
★ [Как вставить gif анимацию на сайт] • Уроки HTML, CSS / Как ...
★ [Делаем сайт визитку за 5 минут! - от ИТ профессионала] • Уроки HTML, CSS / Дела...
★ [Изучаем с нуля HTML за 1 час! Верстка для начинающих] • Изучаем с нуля HTML за...
Где нас можно найти ►
--------------------------------------------
Вступай в группу Вк - wiseplat 🚀
Группа FaceBook - / wiseplat
Инстаграм Wiseplat: / wiseplat
Instagram: / shpaginoleg
Twitter - / wiseplatschool
Популярные плейлисты ►
--------------------------------------------
● Уроки программирования для детей по Scratch • Программирование с нул...
● Уроки программирования для детей и подростков на Python • Уроки Python программи...
● Уроки HTML/CSS. Учим быстро и эффективно! • Уроки HTML, CSS Как с...
● Уроки JavaScript. Изучаем основы языка и практикуемся сразу. • Уроки JavaScript от ну...
● Уроки jQuery. Для начинающих, с нуля • Уроки jQuery Подключе...
● Уроки Bootstrap для начинающих, с нуля учимся сразу делать классно! • Уроки Bootstrap для на...
● Компьютерное железо. Лайфхаки. Обзоры. Ноу-хау. Инструкции. Рекомендации. • Компьютерное железо. Л...
► Уроки на сайте Wiseplat:
--------------------------------------------
✔ Сообщество программистов: wiseplat.org/
✔ Дополнительное описание, домашние задания и многое другое можно найти на сайте WISEPLAT: wiseplat.org/
********************************
❤ Если Вам понравилась публикация, подписывайтесь на канал!
👍 Ставьте лайки, тогда будем еще создавать такой контент :)
✉ Если есть вопросы или пожелания, то пишите, в комментариях.
********************************
- Уроки от #OlegShpagin 👨🏼💻
#урокиhtml #урокиcss #урокиjavascript
26 сен 2024