Scaricare "Уроки HTML, CSS / Свойство стиля margin отступ от границ"

Привет друзья! Сейчас мы с вами рассмотрим такое классное свойство стиля, как margin, которое задаёт отступы вокруг элемента. CSS Синтаксис Margin margin: length|auto|initial|inherit; length Задает поля в px, pt, cm, и т.д. Значение по умолчанию 0. Допускаются отрицательные значения. % Задает поля в процентах от ширины содержащего элемент auto Свойство браузер вычисляет поля initial Устанавливает это свойство в значение индекса. inherit Наследует это свойство от родительского элемента. ❗ При указании четырёх значений (15px 20px 25px 30px) - порядок расстановки отступов будет следующий: сверху(15px) - справа(20px) - внизу(25px) - слева(30px) – по часовой стрелке. ❗ При указании трёх значений (15px 20px 25px) - порядок расстановки отступов будет следующий: сверху (15px) – справа и слева (20px) - снизу (25px). ❗ При указании только двух значений (15px 20px) - первое значение(15px) будет задавать размер отступа сверху и снизу, а второе (20px) значение - отступы справа и слева. ❗ При указании одного значения (15px) - отступ со всех сторон будет одного размера - 15px. Примечание: Допускаются отрицательные значения. Это свойство очень удобно использовать. 😊 Ставь лайк, если тебе понравилось видео 👍 ►► Подписывайся на наш канал: https://www.youtube.com/channel/UCfxnN0xALQR6OtznIj35ypQ?sub_confirmation=1 Рекомендую посмотреть вот эти видео ► ★ [Делаем новогодний курсор на сайте, вместо мышки елочная игрушка или новогодний шарик] https://youtu.be/omnpFLfIrQo ★ [Как отобразить другой сайт внутри вашего сайта, тег iframe] https://youtu.be/FulrjdAkpkM ★ [Как напечатать текст справа налево] https://youtu.be/K1rGgPtRdVM ★ [Как сделать бегущую строку] https://youtu.be/ZrEpE_CRNy0 ★ [Что такое классы] https://youtu.be/9WBwrARLdpQ ★ [Как скопировать стиль, с одного сайта на другой] https://youtu.be/fP2uCcqqH8Q ★ [Как добавить снег на сайт] https://youtu.be/hwetfYzMjbc ★ [Как сделать галерею картинок] https://youtu.be/neKGU07B-VI ★ [Как сделать горизонтальную линию] https://youtu.be/V4zBOWAYxQA ★ [Как вставить gif анимацию на сайт] https://youtu.be/lpYDRHBCbWM ★ [Делаем сайт визитку за 5 минут! - от ИТ профессионала] https://youtu.be/Eu8sqtoz6n8 ★ [Изучаем с нуля HTML за 1 час! Верстка для начинающих] https://youtu.be/ChY0rySmdMo Где нас можно найти ► -------------------------------------------- Вступай в группу Вк - https://vk.com/wiseplat 🚀 Группа FaceBook - https://www.facebook.com/wiseplat/ Инстаграм Wiseplat: https://www.instagram.com/wiseplat/ Instagram: https://www.instagram.com/shpaginoleg/ Twitter - https://twitter.com/WiseplatSchool Популярные плейлисты ► -------------------------------------------- ● Уроки программирования для детей по Scratch https://www.youtube.com/watch?v=KoLhF4CRk0g&list=PLxiU3nwEQ4PH7h8vaYenOfxAVZ3qDycWc ● Уроки программирования для детей и подростков на Python https://www.youtube.com/playlist?list=PLxiU3nwEQ4PHtLT8LzGAdcuzE-laotXps ● Уроки HTML/CSS. Учим быстро и эффективно! https://www.youtube.com/watch?v=neKGU07B-VI&list=PLxiU3nwEQ4PEOAW6Zhk8P7dUDXo3jX5gG ● Уроки JavaScript. Изучаем основы языка и практикуемся сразу. https://www.youtube.com/playlist?list=PLxiU3nwEQ4PGG4H77ODa2mC4ldxJPoRSM ● Уроки jQuery. Для начинающих, с нуля https://www.youtube.com/watch?v=m4uzKHfWa04&list=PLxiU3nwEQ4PHbMa7e5WTqHLY2bIejsx0a ● Уроки Bootstrap для начинающих, с нуля учимся сразу делать классно! https://www.youtube.com/playlist?list=PLxiU3nwEQ4PFMTCBXSvpm8tzEXyvlaacV ● Компьютерное железо. Лайфхаки. Обзоры. Ноу-хау. Инструкции. Рекомендации. https://www.youtube.com/playlist?list=PLxiU3nwEQ4PELm5cldvN_-l1Uiqhx24Sq ► Уроки на сайте Wiseplat: -------------------------------------------- ✔ Сообщество программистов: https://wiseplat.org/ ✔ Дополнительное описание, домашние задания и многое другое можно найти на сайте WISEPLAT: https://wiseplat.org/ ******************************** ❤ Если Вам понравилась публикация, подписывайтесь на канал! 👍 Ставьте лайки, тогда будем еще создавать такой контент :) ✉ Если есть вопросы или пожелания, то пишите, в комментариях. ******************************** - Уроки от #OlegShpagin 👨🏼‍💻 #урокиhtml #урокиcss #урокиjavascript