Шарапиев Н. © 2012-2022 г.
АКЦИЯ: бесплатные месячные курсы по созданию сайтов
на выбор: верстка, JavaScript, PHP или фреймворки. Сегодня последний день для записи! Жми!→
Курсы по ООП в JavaScript. Выйдут по готовности. Запишитесь, чтобы не пропустить!

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

Самое нужное

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

Редкое

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

Переносы

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

Цвет

цвет текста

Границы

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

Скругление

скругленные уголки эл скругл отдел статью верхний левый угол верхний правый угол нижний левый угол нижний правый угол

Рамка

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

Фон

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

Тени

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

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

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

Градиенты

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

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

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

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

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

Списки

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

Таблицы

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

Ссылки

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

Формы

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

Размеры

ширина блока высота блока ссылку на высоту в % минимальная ширина максимальная ширина минимальная высота максимальная высота пример нужен

Отступы

внешний отступ ссылку выравнивание по центру, на схлоп, ссылку на отриц марджин внешний отступ сверху внешний отступ снизу внешний отступ слева внешний отступ справа внутренний отступ расширение элементов внутренний отступ сверху внутренний отступ снизу внутренний отступ слева внутренний отступ справа

Разное

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

Вычисления

математические операции больше примеров минимальное из значений поддержка максимальное из значений поддержка

Флексбоксы

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

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

позиционирование примеры и лучше распис плавающие элементы поработать еще, clear вынести позиция по оси Z поработать еще

Колонки

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

Отрицание

отрицание больше текста

По позиции

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

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

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

Разное

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

Часть текста

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

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

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

Анимация

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

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

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

Поворот

поворот поворот по оси X поворот по оси Y поворот по оси Z поворот по всем осям разобраться с вектором

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

масштабирование отриц значения масштабирование по оси X масштабирование по оси Y

Скос

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

Сдвиг

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

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

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

Счетчики

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