Учебник и справочник по CSS
Курс с нуля — от синтаксиса до контейнерных запросов — и справочник по свойствам, селекторам и функциям: с примерами, объяснениями и таблицами поддержки браузерами. Сайт наполняется: новые уроки и страницы выходят постоянно.
26 глав · 161 урок
Учебник
Последовательный курс: каждый урок — теория с примерами, «Что запомнить», тест и задачи. Прогресс сохраняется в браузере.
Начать с нуляНаписано: 92 страницы
Справочник
Всё, что есть в CSS, включая экспериментальное: синтаксис, значения, примеры, подводные камни и поддержка браузерами.
- Свойства 72
- Селекторы и комбинаторы 12
- Псевдоклассы 8
- Псевдоэлементы скоро
- @-правила скоро
- Функции скоро
- Типы данных и единицы скоро
- Концепции скоро
Популярное в справочнике
- display Задаёт, каким блоком элемент становится снаружи и по каким правилам раскладывает своих потомков внутри — обычным потоком, флексом или сеткой
- grid-template-columns Задаёт колонки грид-контейнера — сколько их и какой они ширины
- :has() Выбирает элемент, если внутри него или после него есть элемент, который подходит под селектор в скобках
- position Задаёт, как элемент позиционируется — в обычном потоке, со сдвигом, относительно предка, окна или прилипая при прокрутке
- flex Задаёт, как флекс-элемент делит свободное место с соседями — растёт, сжимается и с какого размера начинает
- gap Задаёт промежутки между элементами флекс- и грид-контейнера и между колонками текста — только между ними, без лишних отступов по краям
Инструменты
- Генератор градиентов
- Генератор теней
- Flexbox-песочница
- Grid-генератор
- Калькулятор clamp()
- Калькулятор специфичности
- Конвертер цветов и контраст
- Редактор cubic-bezier()
Шпаргалки
Все шпаргалкиПоддержка браузерами
Сводная таблица всех возможностей CSS со статусами Baseline: что можно использовать уже сейчас, а что — с оглядкой.
Открыть таблицу