Третья часть лекции по языку CSS. Рассматриваются стили блочной модели, позиционирование объектов. В частности в видео изучаем такие стили: display, overflow, float, clear, position, width, height, и др.

#css #CssВерстка #CssБлоки

Часть 1 - Основы CSS: https://youtu.be/2bYzY2VsDxc
Часть 2 - Стили CSS: https://youtu.be/IGK1L9GfMFs
Часть 2.1 - Отступы и границы в CSS: https://youtu.be/W1sdXf6EXpU
Часть 4.1 - Flexbox в CSS: https://youtu.be/a6ongLiF1oI
Часть 4.2 - Grid в CSS: https://youtu.be/vTfzL-CYnXU
Часть 5 - Верстка на плавающих DIV элементах: https://youtu.be/8gSz7AM12hY

Весь курс Web-программирование: https://youtu.be/0rKu6vKL01s

Часть 3 - Содержание:
00:00 - Вступление
2:15 - Типы блоков, строчные и блочные контейнеры: display (inline, inline-block, block)
12:40 - Создание таблиц на DIV элементах: display (table, table-row, table-cell)
19:20 - border-spacing для таблиц
20:10 - border-collapse - совмещение границ ячеек таблиц
22:00 - Скрытие блоков - display: none
22:55 - Свойство visibility
24:42 - Свойство overflow, обрезание выходящего контента и скролбоксы через overflow: scroll
32:10 - Свойства float и clear. Плавающая схема размещения блоков.
42:35 - Решение проблемы Высоты родительского контейнера с вложенными FLOAT блоками.
53:33 - Свойство position и варианты static, relative, absolute и fixed позиционирования
58:00 - Relative позиционирование
1:00:50 - Absolute позиционирование
1:06:26 - Fixed позиционирование
1:14:18 - z-index порядок элементов