CSS. Селектор, атрибут, позиционирование

Сентябрь 7, 2022

Главная
Алгебра
CSS. Селектор, атрибут, позиционирование

Содержание

2. Что такое CSS и зачем он нужен?
3. Что такое Селектор? Атрибут?
4. Позиционирование
5. Стандартный поток Элементы: Строчные Блочные Совмещаем
6. Зачем нам позиционирование
7. Абсолютное позиционирование
12. Как?
13. Относительное позиционирование
14. Позволяет сдвигать элементы относительно их расположения, при этом соседние элементы не замечают, что что-то изменилось
15. Как?
16. Фиксированное позиционирование
17. Как?
18. Абсолютное внутри относительного
20. Z-Index
22. Полезные приемы
25. Турнир! Общее соревнование всех учеников Юниум вашего курса. Сегодня: Подготовительный этап. Еще 5 этапов: индивидуальная работа,
26. 20 минут Удачи!
28. Скачать презентацию

Слайд 2

Что такое CSS и зачем он нужен?

Слайд 3

Что такое Селектор? Атрибут?

Слайд 4

Позиционирование

Слайд 5

Стандартный поток
Элементы:
Строчные
Блочные
Совмещаем

Слайд 6

Зачем нам позиционирование

Слайд 7

Абсолютное позиционирование

Слайд 8

Слайд 9

Слайд 10

Слайд 11

Слайд 12

Как?

Слайд 13

Относительное позиционирование

Слайд 14

Позволяет сдвигать элементы относительно их расположения, при этом соседние элементы не

замечают, что что-то изменилось

Слайд 15

Как?

Слайд 16

Фиксированное позиционирование

Слайд 17

Как?

Слайд 18

Абсолютное внутри относительного

Слайд 19

Слайд 20

Z-Index

Слайд 21

Слайд 22

Полезные приемы

Слайд 23

Слайд 24

Слайд 25

Турнир!
Общее соревнование всех учеников Юниум вашего курса. Сегодня: Подготовительный этап.
Еще 5

этапов:
индивидуальная работа,
работа в команде(атака + защита),
творческий этап
Финал
Призы!

Слайд 26

20 минут
Удачи!