Общий привет
Что такое CSS и зачем он нужен?
Что такое Селектор? Атрибут?
Позиционирование
Стандартный поток
Зачем нам позиционирование
Абсолютное позиционирование
Как?
Относительное позиционирование
Как?
Фиксированное позиционирование
Как?
Абсолютное внутри относительного
Z-Index
Полезные приемы
Турнир!
20 минут
Все молодцы!

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

1. Общий привет

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 минут

Удачи!

27. Все молодцы!

English     Русский Правила