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
10 hours ago 00:24:07 3
Les coulisses de la rencontre entre Christian Perronne et Robert Kennedy Jr !
15 hours ago 00:28:36 1
ORBAN ET FICO ONT RAISON : ZELENSKY MET L’EUROPE EN DANGER !
2 days ago 00:04:55 9
Haddaway - What Is Love (Just Dance - Dance Video & Movie) Roberto F