Web - 24 - Адаптивная CSS верстка. Адаптация HTML страницы под экран телефона, планшета, монитора ПК
Рассматриваем принципы Адаптивной верстки на CSS. Знакомимся с типовыми ширинами страницы на экране мобильного телефона, планшета и монитора ПК. Для чего нужна media only screen команда в CSS.
#css #версткасайта #media #flexcss #grid
Язык CSS:
Часть 1: Основы CSS -
Часть 2: Стили шрифта, текста, цвет и фон, списки -
Часть 2.1: Отступы и границы -
Часть 3: Блочная модель в CSS. Позиционирование объектов -
Часть 4: Flexbox в CSS -
Часть 4.1: Grid в CSS -
Часть 5: Верстка на плавающих (FLOAT) блоках -
Полный курс веб-программирование:
Содержание:
00:00 - Вступление
00:25 - Обзор разрешений экранов и ширин страниц
03:50 - Принцип адаптации макета под разные размеры окна. Перенос блоков.
07:16 - meta name=viewport content=i
1 view
1755
559
3 weeks ago 00:02:47 1
⭐ ЧТО ПРОДАВАТЬ НА ВАЛБЕРИС КАК САМОЗАНЯТЫЙ 🚫 КАК НАЧАТЬ ПРОДАВАТЬ НА ВАЛБЕРИС ПОЭТАПНО
3 weeks ago 00:05:58 1
[Душный тип] ПОДКЛЮЧАЕМ СТАРУЮ ЗЕРКАЛЬНУЮ КАМЕРУ КАК WEB-КАМЕРУ ДЛЯ СТРИМА, БЕЗ ПРОГРАММ, NIKON D3400! CANON!!!