*
Универсальный селектор
Код
* { margin: 0; }Справочник CSS свойств и селекторов
Справочный блок 1
Универсальный селектор
* { margin: 0; }Селектор по ID
#header { }Селектор по классу
.container { }Селектор по тегу
div { }Группировка
h1, h2 { }Потомок
div p { }Дочерний элемент
div > p { }Соседний элемент
h1 + p { }Псевдокласс
a:hover { }Псевдоэлемент
p::before { }Справочный блок 2
Ширина и высота
width: 100px;
Внешние отступы
margin: 10px;
Внутренние отступы
padding: 10px;
Рамка
border: 1px solid black;
Модель расчета размеров
box-sizing: border-box;
Справочный блок 3
Flex контейнер
Направление
flex-direction: row | column;
Выравнивание по главной оси
justify-content: center;
Выравнивание по поперечной оси
align-items: center;
Перенос строк
flex-wrap: wrap;
Расстояние между элементами
gap: 20px;
Справочный блок 4
Grid контейнер
Колонки
grid-template-columns: 1fr 1fr 1fr;
Строки
grid-template-rows: auto;
Расстояние
grid-gap: 20px;
Позиция колонки
grid-column: 1 / 3;
Позиция строки
grid-row: 1 / 2;
Справочный блок 5
Обычный поток
Относительное
Абсолютное
Фиксированное
Липкое
Смещение
top: 10px;
Справочный блок 6
Шрифт
font-family: Arial, sans-serif;
Размер
font-size: 16px;
Жирность
font-weight: bold;
Высота строки
line-height: 1.5;
Выравнивание
text-align: center;
Цвет текста
color: #333;