Какие использовал директивы CSS

«Какие использовал директивы CSS» — вопрос из категории CSS, который задают на 10% собеседований Frontend Разработчик. Ниже — развёрнутый ответ с разбором ключевых моментов.

Ответ

display - управляет отображением элемента (block, inline, flex, grid).
position - задаёт позиционирование (relative, absolute, fixed).
margin/padding - внешние/внутренние отступы.
color/background-color - цвет текста и фона.
font-size/font-family - размер и семейство шрифта.
border - рамка элемента.
width/height - ширина и высота.
flex/grid - для Flexbox и Grid Layout.

Пример:

.container {
  display: flex;
  justify-content: center;
  padding: 20px;
  background-color: #f0f0f0;
}