Цитаты из книги автора Грег Сидельников Наглядный CSS

www.csstutorial.org/flex-both.html.
Кроме того, этот редактор применяют разработчики, которые не хотят перенабирать избыточный HTML-код просто для создания новой компоновки, — редактор поможет создать макет и копировать HTML-код одним нажатием кнопки!

Доступно пять типов позиционирования: static (статичное) (по умолчанию), relative (относительное), absolute (абсолютное), fixed (фиксированное) и sticky («липкое»). Мы рассмотрим их на протяжении всей этой главы

Например, CSS-свойство transform может принимать значение, указанное с помощью ключевого слова rotate.
В данном случае принимается угол в градусах — CSS требует добавления букв deg к числовому значению градуса

Однако такой баланс не всегда легко сохранить. Я обычно начинаю с набросков своего CSS-кода на бумаге. Потратив немного больше времени на обдумывание структуры приложения и написание заметок, вы быстрее создадите наиболее оптимальные селекторы

Значение padding-box определяет отступ как часть содержимого. Теперь исходные размеры сохраняются, но содержимое еще включает отступ:

При наличии границ и отступов фактическая физическая ширина становится 334px × 134px. Это на 34 пиксела больше, чем исходные размеры (1 пиксел × 2 + 16 пикселов × 2 = 34 пиксела).

Здесь значения свойств width (ширина) и height (высота) увеличились на 2 пиксела с каждой стороны, так как при использовании модели content-box по умолчанию для каждой из четырех сторон была добавлена граница толщиной 1px.

box-sizing:[content-box|padding-box|border-box].

особенность блочной модели состоит в том, что по умолчанию ее свойству box-sizing присвоено значение content-box.

Модель состоит из области содержимого с тремя дополнительными слоями пространства вокруг него: отступами, границами и полями.