Скачать "CSS EM REM и прочие единицы измерения CSS. Что когда использовать? Подробное объяснение на практике."

CSS EM REM и прочие единицы измерения CSS. Что когда использовать? Подробное объяснение на практике. В этом уроке я постараюсь максимально подробно, на практических примерах рассказать вам об единицах измерения в CSS. Рассмотрим абсолютные единицы такие как PX и относительные единицы такие как EM, REM, проценты (%), VW, VH, VMIN, VMAX, FR и их особенности. А также выясним, в каких ситуациях лучше использовать ту или иную единицу. 🔴 Набор на курс по верстке: https://edu.fls.guru 👉 Материалы урока: http://fls.guru/files/tutorials/css-units.zip 👉 Шпаргалка из урока: https://fls.guru/css-units.html 👉 Статья про использование единиц для медиа запросов: https://zellwk.com/blog/media-query-units/ 👉 Полноэкранный (fullscreen) блок: https://www.youtube.com/watch?v=6pgRn79v7lE&list=PLM6XATa8CAG6IJvQBkrTTNZmpIcyS2Avk&index=14 👉 Адаптивное (отзывчивое) CSS свойство: https://www.youtube.com/watch?v=eaOAY0vIB4U&list=PLM6XATa8CAG6IJvQBkrTTNZmpIcyS2Avk&index=26 🚀 Надежный хостинг FirstVDS. Переходи и получай скидку 25% на первый месяц: https://firstvds.ru/s/muckq Абсолютная единица - не зависит от значений других свойств. Ее можно назвать еще фиксированной или окончательной. Относительная единица - зависит от того или иного значения других свойств. EM – относительная единица, размер формируется относительно размера шрифта (font-size) родителя. Как мы знаем, свойство размера шрифта font-size наследуется потомками. Поэтому, указывая тот или иной размер в EM нужно четко понимать какой размер шрифта влияет на данный элемент. Как и пиксели, значение EM можно указывать дробные. REM - относительная единица, размер формируется относительно размера шрифта (font-size) в теге html или браузера по умолчанию. 🤟 БЕСПЛАТНЫЙ курс по верстке сайтов (HTML, CSS, JavaScript): https://www.youtube.com/playlist?list=PLM6XATa8CAG4F9nAIYNS5oAiPotxwLFIr 🔴 Карта канала: https://miro.com/app/board/o9J_lZB3YKI=/ 🔴 Получить доступ к плюшкам + поддержать канал: https://www.patreon.com/freelancerlifestyle 🔴 Курс по верстке: https://edu.fls.guru 🔴 Telegram канал: https://t.me/freelancer_lifestyle (https://teleg.run/freelancer_lifestyle) 🔴 Telegram чат по верстке: https://t.me/flschat (https://teleg.run/flschat) 🔴 Facebook: https://www.facebook.com/freelancerlifestyle 🔴 Instagram: https://www.instagram.com/freelancer.lifestyle 00:00 - В уроке 00:23 - Абсолютные и относительные единицы в CSS 00:42 - CSS пиксели (PX) 04:07 - CSS EM 10:06 - CSS REM 13:16 - CSS проценты (%) 14:55 - CSS VW, VH, VMIN, VMAX 19:19 - FR и прочие единицы измерения в CSS 20:46 - Единицы измерения в CSS на практике 37:22 - Чудеса и лавхаки 39:58 - Выводы. Какие единицы где использовать? 👉 @IT-ПРИСТРАСТІ, українськомовний канал присвячений інтерв'ю з цікавими IT-спеціалістами - https://www.youtube.com/channel/UCJNVBfLijFSa_tBcrNZKZag 👉 @СЛУШАЙ! Канал с интересными историями из жизни. 👋 Меня зовут Женя Андриканич, я IT - специалист, занимаюсь разработкой сайтов. На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками! Ссылка на канал: https://www.youtube.com/c/freelancerlifestyle #обучение #верстка #фрилансерпожизни 🤟 Живи, а работай в свободное время! ©