3
CSS
Селектори, Box Model, Flexbox, Grid, анімації та responsive design
01
Основи CSS — селектори та властивості
Що таке CSS, три способи підключення, селектори, базові властивості кольору та тексту
50 хв
02
Box Model та одиниці виміру
CSS Box Model: content, padding, border, margin. Одиниці виміру: px, rem, %, vh/vw
50 хв
03
Типографіка
Шрифти, font-family, font-size, font-weight, line-height, Google Fonts, читабельність
40 хв
04
Позиціонування
display (block/inline/inline-block/none), position (relative/absolute/fixed/sticky), z-index
55 хв
05
Flexbox — частина 1
Flex-контейнер, flex-direction, justify-content, align-items, gap
55 хв
06
Flexbox — частина 2
flex-wrap, flex-grow, flex-shrink, flex-basis, order, складні layouts
55 хв
07
CSS Grid
Grid container, grid-template, fr units, repeat, minmax, gap, grid areas
55 хв
08
Responsive Design та анімації
Media queries, mobile-first, viewport, transitions, transform, keyframes animations
60 хв