Позиционирование. Параметры блока

Параметры блока
width: величина|%
height: величина|%
min-width : величина|% | inherit
max-width : величина|% | inherit
min-height : величина|% | inherit
max-height : величина|% | inherit
float: none | left | right
clear: none | left | right| both

Позиционирование
position: static | absolute | relative | fixed | sticky
top: auto | величина | %
left: auto | величина| %
right: auto | величина | %
bottom: auto | величина | %
Абсолютное позиционирование в действии
Приоритет по оси Z:
z-index: auto | величина | inherit
Скролл или его отсутсвие:
overflow: auto (добавление скроллбаров при необходимости) | scroll (обязательные скроллбары) | visible (по умолчанию, элементы растекаются по пространству) | hidden (нет скроллбаров и скролла, обрезаются элементы, которые не входят в рамки блока)
Выравние соседних блоков друг относительно друга по вертикали:
vertical-align: baseline (по умолчанию) | bottom | middle | sub | super | text-bottom | text-top | top

Правила использования
1) position: absolute — для нестандартных сайтов со множеством анимаций; для совмещения нескольких элементов в правильных пропорциях, используя position: relative в качестве родителя; для выведения одного из элементов из общей сетки
2) position: fixed — если нужно зафиксировать элемент при прокрутке
3) position: sticky — если нужно зафиксировать элемент при прокрутке внутри контейнера
В остальных случаях мы используем static (по умолчанию), т. к. он не нарушает целостность страницы.

Визуальные свойства
display: none | block | inline | inline-block
visibility: hidden | visible | inherit

Настройка курсора
Cursor
– auto (по умолчанию)
– default (обычный курсор)
– crosshair (перекрестие)
– pointer (как ссылка)
– move (движение вправо-влево)
– text (как текст)
– wait (загрузка)

Bootstrap – популярный фреймворк для разработки сайтов

Что такое фреймворк
и Bootstrap?
Фреймворк — это заготовка, отвечающая за облегчение и ускорения процесса написания кода. Диктует правила построения архитектуры, выступает в качестве некоего «каркаса» веб-сайта.
Bootstrap — это самый популярный в мире фреймворк по созданию адаптивных, мобильных сайтов и приложений. Включает в себя адаптивную сетку, заготовки для работы с типовыми элементами (кнопки, списки, формы и многое другое), а также включает в себя минимальный JS-функционал для полноценной работы сайта.
Актуальная версия — 5.
Документация и ссылки на скачивание - https://getbootstrap.com/docs/versions/

Как начать работу
Подключить Bootstrap — CSS в head, JS файлы — перед закрывающим body
Начинаем работу, руководствуясь документацией.

Контейнеры
Это базовый элемент в Bootstrap. Контейнеры необходимы при использовании стандартной сеточной системы. class="container">