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
1379
422
7 months ago 00:26:31 1
It’s Been a Good Run, Phone Providers.
7 months ago 01:49:53 1
LOUNA - Live Show @ Re:Public / Minsk, Belarus / 18+ / 2020
7 months ago 00:30:56 1
Катастрофический паводок в Оренбурге и Орске Катастрофа на рынке труда и атака обезьяньего герпеса
7 months ago 00:24:44 1
Диверсия государственного масштаба в Орске. Кремлёвский антикриз по паводку