Медиа запросы. Адаптивная страница. @Media. HTML CSS уроки
Привет!📢
В этом уроке рассказываю про медиа запросы в CSS.
CSS правило @mediacss3 используется для изменения CSS стилей на основании определенных характеристик устройства, связанных с отображением контента, таких как ширина, высота, ориентация, разрешение экрана и так далее. Имеет широкое применение в адаптивном веб-дизайне.
НЕ СОМНЕВАЙТЕСЬ И РАЗВИВАЙТЕСЬ! У ВАС ВСЁ ПОЛУЧИТСЯ! :)
Желаю приятного обучения! 🔥
📢таймкоды:
00:00 - Вступление
00:46 - Разметка
02:14 - Медиа запросы
04:15 - Приоритет
05:43 - Print
06:29 - Различные типы устройств
07:12 - Orientation
09:04 - Link Media
10:27 - Финалим
📢Полезная информация о медиа запросах: basicweb.ru/css/css_pr_media.php
Также тебе могут быть полезны эти уроки:
📢 HTML для начинающих за 33 минуты: • HTML для начинающих за...
📢 CSS для начинающих + практика за 24 минуты: • CSS для начинающих + п...
📢 FLEXBOX. Всё о flexbox в одном уроке: • FLEXBOX. Всё о flexbox...
📢 FLEXBOX. Всё о flexbox | Практика: • FLEXBOX. Всё о flexbox...
▶ Telegram: t.me/Dmitry_Kolotilshikov
▶ Мой канал по видеомонтажу: / dmitrykolotilshikov
📢 Автор видеоурока: Дмитрий Колотильщиков
Медиа запросы. Адаптивная страница. @Media. HTML CSS уроки
#html #верстка #flexbox
Пікірлер: 23
▶ Telegram: t.me/dm_kolotilshikov 📢таймкоды: 00:00 - Вступление 00:46 - Разметка 02:14 - Медиа запросы 04:15 - Приоритет 05:43 - Print 06:29 - Различные типы устройств 07:12 - Orientation 09:04 - Link Media 10:27 - Финалим
@jonydosh1189
Жыл бұрын
Скажите. А как если нужно маржин указать с тел на планшет что нужно писать в медиа запросе
Именно то, что я искал, спасибо!!
👌
Автору респект, просто,доступно,без воды, и все по делу Успехов в развитии канала Подписался :)
@dmitry_kolotilshikov
3 жыл бұрын
Спасибо большое! Приятно обучения! )
Смотрю и мне кажется, что этот парень умен
Полезный урок!)
Спс ты топ
Спасибо за видео, просьба Не забрасывай канал)
@dmitry_kolotilshikov
3 жыл бұрын
пожалуйста! и вам спасибо за поддержку!)
простот супер. если не трудно снимай видос, про css grid как можно скорее и по больше свойств.👍👍👍👍 спасибо бро
Хорошо объясняете! (жаль ни одной шутеечки про "The Matrix has you" :( )
@dmitry_kolotilshikov
3 жыл бұрын
спасибо! хорошая идея, возможно когда-нибудь использую это)
годно👍 только еще про grid видосы надо
@dmitry_kolotilshikov
3 жыл бұрын
спасибо. Grid в планах
Кто не понял, почему меняется размер шрифта, а цвет не меняется, если медиа запрос выше того тега, который мы стилизуем: так как цвет мы определяем вручную у h1 и делаем это скажем так дважды (в медиа запросе и вне его), приоритет будет у того цвета, который определен ниже, но размер шрифта мы не меняли вручную, а значит это свойство из медиа запроса будет работать, а цвет шрифта останется тот, который определен позже всего (ниже всего)
Отличное объяснение! почему не развиваешь канал??
@dmitry_kolotilshikov
3 жыл бұрын
Спасибо большое!) в подготовке...
Помогите у меня не работает пишу вот так index.html test Привет ГГ Привет а css body { text-align: center; } h1 { color: pink; } @media all and (max-width: 500px) { h1 { color: red; } }
@dmitry_kolotilshikov
3 жыл бұрын
Привет! в теге head пропиши:
@dishacker6111
3 жыл бұрын
@@dmitry_kolotilshikov попробую напишу патом
@dishacker6111
3 жыл бұрын
@@dmitry_kolotilshikov спасибо работает