Медиа запросы. Адаптивная страница. @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

  • @dmitry_kolotilshikov
    @dmitry_kolotilshikov3 жыл бұрын

    ▶ 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

    @jonydosh1189

    Жыл бұрын

    Скажите. А как если нужно маржин указать с тел на планшет что нужно писать в медиа запросе

  • @SlavikDoroshenko
    @SlavikDoroshenko Жыл бұрын

    Именно то, что я искал, спасибо!!

  • @user-sy9zg4tz3h
    @user-sy9zg4tz3h3 жыл бұрын

    👌

  • @user-ww7tz7wy8e
    @user-ww7tz7wy8e3 жыл бұрын

    Автору респект, просто,доступно,без воды, и все по делу Успехов в развитии канала Подписался :)

  • @dmitry_kolotilshikov

    @dmitry_kolotilshikov

    3 жыл бұрын

    Спасибо большое! Приятно обучения! )

  • @nikolajml
    @nikolajml3 жыл бұрын

    Смотрю и мне кажется, что этот парень умен

  • @galinapodolenko9983
    @galinapodolenko99833 жыл бұрын

    Полезный урок!)

  • @user-ku4vv8vz9b
    @user-ku4vv8vz9b3 жыл бұрын

    Спс ты топ

  • @evgeniynikolaev2165
    @evgeniynikolaev21653 жыл бұрын

    Спасибо за видео, просьба Не забрасывай канал)

  • @dmitry_kolotilshikov

    @dmitry_kolotilshikov

    3 жыл бұрын

    пожалуйста! и вам спасибо за поддержку!)

  • @L1yoon
    @L1yoon3 жыл бұрын

    простот супер. если не трудно снимай видос, про css grid как можно скорее и по больше свойств.👍👍👍👍 спасибо бро

  • @shittywizzard5727
    @shittywizzard57273 жыл бұрын

    Хорошо объясняете! (жаль ни одной шутеечки про "The Matrix has you" :( )

  • @dmitry_kolotilshikov

    @dmitry_kolotilshikov

    3 жыл бұрын

    спасибо! хорошая идея, возможно когда-нибудь использую это)

  • @abcdabcd400
    @abcdabcd4003 жыл бұрын

    годно👍 только еще про grid видосы надо

  • @dmitry_kolotilshikov

    @dmitry_kolotilshikov

    3 жыл бұрын

    спасибо. Grid в планах

  • @unkw488
    @unkw4882 жыл бұрын

    Кто не понял, почему меняется размер шрифта, а цвет не меняется, если медиа запрос выше того тега, который мы стилизуем: так как цвет мы определяем вручную у h1 и делаем это скажем так дважды (в медиа запросе и вне его), приоритет будет у того цвета, который определен ниже, но размер шрифта мы не меняли вручную, а значит это свойство из медиа запроса будет работать, а цвет шрифта останется тот, который определен позже всего (ниже всего)

  • @andreyhugos
    @andreyhugos3 жыл бұрын

    Отличное объяснение! почему не развиваешь канал??

  • @dmitry_kolotilshikov

    @dmitry_kolotilshikov

    3 жыл бұрын

    Спасибо большое!) в подготовке...

  • @dishacker6111
    @dishacker61113 жыл бұрын

    Помогите у меня не работает пишу вот так index.html test Привет ГГ Привет а css body { text-align: center; } h1 { color: pink; } @media all and (max-width: 500px) { h1 { color: red; } }

  • @dmitry_kolotilshikov

    @dmitry_kolotilshikov

    3 жыл бұрын

    Привет! в теге head пропиши:

  • @dishacker6111

    @dishacker6111

    3 жыл бұрын

    @@dmitry_kolotilshikov попробую напишу патом

  • @dishacker6111

    @dishacker6111

    3 жыл бұрын

    @@dmitry_kolotilshikov спасибо работает

Келесі