CSS для профи
Қосымшада ыңғайлырақҚосымшаны жүктеуге арналған QR
goole playappstore
RuStore · Samsung Galaxy Store
Huawei AppGallery · Xiaomi GetApps

автордың кітабынан сөз тіркестері  CSS для профи
Кит Грант

Natalie
Natalieдәйексөз келтірді2 ай бұрын
Viewport (область просмотра) — ограниченная область в окне браузера, где отображается веб-страница, за исключением адресной строки, панели инструментов и панели текущего состояния, если они есть. Если вы не знакомы с единицами измерения, относящимися к размеру области просмотра устройства, прочитайте далее краткое объяснение: • vh — 1/100 высоты области просмотра; • vw — 1/100 ширины области просмотра; • vmin — 1/100 наименьших высоты или ширины (Internet Explorer 9 поддерживает vm вместо vmin); • vmax — 1/100 наибольших высоты или ширины (не поддерживается в Internet Explorer и на момент написания в Edge).
1 Ұнайды
Комментарий жазу
Андрей Б.
Андрей Б.дәйексөз келтірді7 сағат бұрын
Если хотите, чтобы медиазапрос был нацелен на один из нескольких критериев, используйте запятую:
Комментарий жазу
Андрей Б.
Андрей Б.дәйексөз келтірді10 сағат бұрын
Все элементы в контексте наложения размещаются в следующем порядке от зад­него плана к переднему. 1. Корневой элемент контекста наложения. 2. Позиционированные элементы с отрицательным значением свойства z-index (и их дочерние элементы). 3. Непозиционированные элементы. 4. Позиционированные элементы со свойством z-index: auto (и их дочерние элементы). 5. Позиционированные элементы с положительным значением свойства z-index (и их дочерние элементы). Переменные для отслеживания позиций z-index
Комментарий жазу
Андрей Б.
Андрей Б.дәйексөз келтірді10 сағат бұрын
один элемент вне контекста наложения не может быть размещен между любыми двумя элементами, находящимися внутри него.
Комментарий жазу
Андрей Б.
Андрей Б.дәйексөз келтірді12 сағат бұрын
элемент со статическим позиционированием, то есть со значением static свойства position, считается непозиционированным.
Комментарий жазу
Андрей Б.
Андрей Б.дәйексөз келтірді15 сағат бұрын
Правило @supports можно задействовать для запроса любых функций CSS. Воспользуйтесь выражением @supports (display:flex) для запроса поддержки flexbox-верстки или @supports (mix-blend-mode: overlay)
Комментарий жазу
Андрей Б.
Андрей Б.дәйексөз келтірді1 күн бұрын
Если элемент находится вне объявленных полос сетки, добавляются неявные полосы до тех пор, пока сетка не станет вмещать этот элемент
Комментарий жазу
Андрей Б.
Андрей Б.дәйексөз келтірді1 күн бұрын
Для упрощения можете давать линиям сетки имена и использовать их вместо номеров. При объявлении полос сетки следует поместить имя в скобки для того, чтобы присвоить имя линии между любыми двумя полосами:
Комментарий жазу
Андрей Б.
Андрей Б.дәйексөз келтірді1 күн бұрын
Так как flexbox-верстка одномерная, она идеальна для строк (или колонок) подобных элементов. Данная технология содержит перенос строк с помощью свойства flex-wrap, однако не существует какого-либо способа выровнять элементы одной строки с элементами другой. CSS-сетка же двумерная и предназначена для ситуаций, когда необходимо выровнять элементы в одной полосе с элементами в другой.
Комментарий жазу
Андрей Б.
Андрей Б.дәйексөз келтірді1 күн бұрын
Flexbox-верстка в основном одномерная, тогда как CSS-сетка — двумерная. • Flexbox-верстка отталкивается от контента, а CSS-сетка — от разметки.
Комментарий жазу