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

[@dmitry_kolotilshikov]

▶ 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]

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

[@SlavikDoroshenko]

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

[@user-sy9zg4tz3h]

👌

[@nikolajml]

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

[@user-ww7tz7wy8e]

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

[@dmitry_kolotilshikov]

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

[@galinapodolenko9983]

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

[@evgeniynikolaev2165]

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

[@dmitry_kolotilshikov]

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

[@user-ku4vv8vz9b]

Спс ты топ

[@L1yoon]

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

[@abcdabcd400]

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

[@dmitry_kolotilshikov]

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

[@shittywizzard5727]

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

[@dmitry_kolotilshikov]

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

[@unkw488]

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

[@andreyhugos]

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

[@dmitry_kolotilshikov]

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

[@dishacker6111]

Помогите у меня не работает пишу вот так index.html


test
Привет ГГ
Привет
а css
body {
text-align: center;
}
h1 {
color: pink;
}
@media all and (max-width: 500px) {
h1 {
color: red;
}
}

[@dmitry_kolotilshikov]

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

[@dishacker6111]

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

[@dishacker6111]

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