CSS

Базовые стили текста

• color – цвет текста
• font-size – размер шрифта
• font-family – выбор шрифта
• font-weight – толщина шрифта (normal, bold, lighter, bolder)
• text-align – выравнивание (left, right, center, justify)
• text-decoration – оформление текста (underline, none, line-through)
• text-transform – изменение регистра (uppercase, lowercase, capitalize)
• letter-spacing – расстояние между буквами

Размеры и отступы

• width – ширина элемента
• height – высота элемента
• margin – внешний отступ
• padding – внутренний отступ
• border – граница (border: 2px solid red;)

Фон

background-color – цвет фона background-image – фоновое изображение background-size – размер фона (cover, contain, auto) background-position – позиция фона (center, top left) background-repeat – повторение фона (no-repeat, repeat, repeat-x)

Блочная модель и отображение

• display – способ отображения элемента (block, inline, inline-block, flex)
• visibility – видимость (visible, hidden)
• opacity – прозрачность (от 0 до 1)

Flexbox (для удобного размещения элементов)

• display: flex; – включение флекс-контейнера
• justify-content – выравнивание по горизонтали (flex-start, center, space-between)
• align-items – выравнивание по вертикали (flex-start, center, stretch)
• flex-direction – направление (row, column)

Позиционирование

• position – тип позиционирования (static, relative, absolute, fixed)
• top, right, bottom, left – отступы при позиционировании
• z-index – порядок наложения элементов

Анимации и переходы

transition – плавное изменение свойств (transition: all 0.3s ease;) transform – трансформации (rotate, scale, translate) animation – создание анимаций