АКЦИЯ: бесплатные месячные курсы по созданию сайтов
на выбор: верстка, JavaScript, PHP или фреймворки. Сегодня последний день для записи! Жми!
Новая рубрика! Интервью с моими учениками. Они расскажут, как искали работу и дадут ценные советы. Заходите:)

Справочник по CSS

Самое нужное

размер текста курсивный текст жирный текст межстрочный интервал семейство (тип) шрифта сокращение для шрифта красная строка выравнивание текста

Редкое

под- над- пере- черкивание расположение линии у текста тип линии у текста цвет линии у текста смена регистра маленькие заглавные буквы пользовательский шрифт контроль размера шрифта промежуток между буквами промежуток между словами выравнивание последней строки выравнивание по вертикали вид кавычек кернинг шрифта цвет заливки символов текста ориентация символов в вертикальном тексте обводка символов текста цвет обводки символов текста толщина обводки символов текста направление текста

Переносы

пробелы и переносы переносы длинных слов переносы длинных слов обрезание, полосы прокрутки overflow по горизонтали overflow по вертикали размер табуляции добавление троеточия расстановка переносов ограничение текста количеством строк

Цвет

цвет текста

Границы

сокращение для границы левая граница правая граница верхняя граница нижняя граница толщина границы тип границы цвет границы толщина левой границы толщина правой границы толщина верхней границы толщина нижней границы тип левой границы тип правой границы тип верхней границы тип нижней границы цвет левой границы цвет правой границы цвет верхней границы цвет нижней границы

Скругление

скругленные уголки верхний левый угол верхний правый угол нижний левый угол нижний правый угол

Рамка

сокращение для рамки толщина рамки тип рамки цвет рамки смещение рамки

Фон

свойство-сокращение для фона цвет фона картинка фона поведение фона при прокрутке позиция фоновой картинки способ повторения фона позиция картинки фона позиция фона позиция фона по горизонтали позиция фона по вертикали размер картинки фона размытие фона яркость фона контрастность фона тень фона цветность фона инвертирование цвета фона прозрачность фона сепия фона наложение фонового изображения на фоновый цвет режим наложения исходного цвета на фон стиль для фона

Тени

тень текста тень контейнера

Прозрачность

прозрачность видимость элементов

Градиенты

линейный радиальный повторяющийся линейный повторяющийся радиальный

Картинка границы

граница в виде картинки путь к картинке границы разбиение картинки для границы на части способ повторения картинки границы сдвиг картинки границы масштабирование картинки границы

Работа с мышкой

выделение текста запрет выделения текста реакция на мышь вид курсора

Стиль

приоритет стиля стиль для типа носителя стиль элементов, возможности которых поддерживаются браузером импорт CSS-файла в текущую стилевую таблицу стиль элементов по умолчанию стиль элементов в полноэкранном режиме стиль элементов с заданным диапазоном значений стиль для переключателей, которые находятся в неопределенном состоянии стиль для инпута, в который ввели неправильное значение стиль для инпута, у которого нет атрибута required стиль элементов, значения которых выходит за рамки диапазона стиль элементов при отображении текста-подсказки стиль инпутов с атрибутом readonly стиль инпутов, доступных для изменения стиль для инпута, у которого задан атрибут required стиль для инпутов, в которых ввели правильное значение цвет текстового курсора в инпуте стиль элементов в фокусе прокрутка внутри элемента

Списки

тип маркеров списка позиция маркеров картинка для маркеров сокращение для списков

Таблицы

схлопывание границ расстояние между ячейками отображение пустых ячеек расчет ячеек таблицы

Ссылки

ссылка до посещения посещенная ссылка наведение на ссылку нажатие на ссылку

Формы

инпут в фокусе подсказка в инпуте отмеченный флажок или радио неактивный инпут активный инпут

Размеры

ширина блока высота блока минимальная ширина максимальная ширина минимальная высота максимальная высота

Отступы

внешний отступ внешний отступ сверху внешний отступ снизу внешний отступ слева внешний отступ справа внутренний отступ внутренний отступ сверху внутренний отступ снизу внутренний отступ слева внутренний отступ справа конечный внутренний отступ элемента по блочной оси начальный внутренний отступ элемента по блочной оси конечный внутренний отступ элемента по строчной оси начальный внутренний отступ элемента по строчной оси

Разное

способ рассчета padding, border и width способ отображение элементов изменение размера соотношение сторон элемента масштабирование элементов

Вычисления

математические операции минимальное из значений максимальное из значений

Единицы размеров

размер в пикселях размер в em размер в rem размер в процентах размер в фракциях размер в vw размер в vh размер в vmax размер в vmin

Флексы

направление осей выравнивание по главной оси выравнивание по поперечной оси многострочная расстановка блоков сокращение для flex-direction и flex-wrap выравнивание блока по поперечной оси порядок следования базовый размер блока "жадность" блока фактор "сжимаемости" блока сокращение для flex-grow, flex-shrink и flex-basis

Гриды

начальная позиция элемента в столбце конечная позиция элемента в столбце начальная и конечная позиции элемента в столбце начальная позиция элемента в ряду конечная позиция элемента в ряду начальная и конечная позиции элемента в ряду количество и ширина столбцов в гриде количество и ширина столбцов в неявном гриде количество и ширина рядов в гриде количество и ширина рядов в неявном гриде размещение элементов в гриде имя элемента в гриде расстояние между элементами в гриде расстояние между рядами в гриде расстояние между столбцами в гриде сокращенная запись свойств сетки автоматическое размещение элементов в сетке количество и ширина столбцов и рядов для элемента выравнивание по поперечной или вертикальной оси выравнивание элементов внутри ячеек грида по горизонтальной оси выравнивание элементов внутри ячеек грида выравнивание отдельного элемента в гриде по горизонтальной оси выравнивание отдельного элемента в гриде выравнивание по главной и поперечной осям

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

позиционирование плавающие элементы позиция по оси Z расположение после первого элемента позиция нижнего края элемента позиция верхнего края элемента позиция левого края элемента позиция правого края элемента позиция заголовка таблицы отменяет float для вышестоящих элементов

Колонки

количество колонок расстояние между колонками граница между колонками ширина колонок растяжение элемента на колонки ширина и количество колонок

Отрицание

отрицание

По позиции

первый потомок родителя последний потомок родителя n-ный потомок родителя n-ный потомок родителя с конца единственный потомок родителя

По типу и позиции

первый потомок родителя заданного типа последний потомок родителя заданного типа n-ный потомок родителя заданного типа n-ный потомок родителя заданного типа с конца единственный потомок родителя заданного типа

Разное

пустой элемент по языку текста целевой элемент

Часть текста

первая буква первая строка текста

Плавные переходы

время выполнения задержка перед выполнением анимируемое свойство скорость анимации свойство-сокращение

Анимация

ключевые кадры анимации название анимации время выполнения задержка перед выполнением скорость анимации количество повторов направление анимации состояние анимации пауза свойство-сокращение

Трансформации

трансформация точка преобразования

Поворот

поворот поворот по оси X поворот по оси Y поворот по оси Z поворот по всем осям

Масштабирование

масштабирование масштабирование по оси X масштабирование по оси Y

Скос

скос скос по оси X скос по оси Y

Сдвиг

сдвиг сдвиг по оси X сдвиг по оси Y

Вставка текста

текст после элемента текст до элемента текст для after и before содержимое атрибута

Счетчики

автоматическая нумерация элементов сброс счетчика

Селекторы

контекстный селектор дочерний селектор соседний селектор родственный селектор универсальный селектор

Селекторы

селектор по имени атрибута селектор по значению атрибута селектор по началу значения атрибута селектор по концу значения атрибута селектор атрибута по тексту селектор по одному из значений атрибута селектор атрибута по дефису в значении
enru