Портал:CSS

Портал Викижурнала

CSS

Навигатор по статьям о каскадных таблицах стилей: селекторы, каскад, размеры блоков, цвета, шрифты, адаптивная вёрстка, Flexbox, Grid, анимации и практические примеры оформления сайтов.

56статей о CSS

HTMLструктура страницы

Webоформление интерфейсов

Коротко о CSS

CSS — язык описания внешнего вида веб-страниц. Он задаёт цвета, размеры, шрифты, отступы, расположение блоков, адаптивность, анимации и другие визуальные свойства элементов.

CSS работает вместе с HTML: HTML описывает структуру документа, а CSS управляет его представлением на экране. Благодаря каскаду и наследованию можно оформлять как отдельные элементы, так и целые системы интерфейсов.

Основная статья: CSS

С чего начать

Обзор CSS

Назначение каскадных таблиц стилей, связь с HTML и базовая логика оформления страниц.

Шрифты и текст

Размер, семейство шрифта, насыщенность, интервалы и читаемость текстовых блоков.

Размеры блоков

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

Фон и цвет

Цветовые схемы, фоновые изображения, градиенты и визуальное разделение элементов.

Практические направления

Flexbox и Grid

Современные инструменты для построения гибких сеток, колонок и адаптивных интерфейсов.

Адаптивный дизайн

Медиа-запросы, адаптивный текст, изображения и вёрстка для разных экранов.

Навигация

Горизонтальные меню, выпадающие списки и оформление ссылок для сайтов.

Темная тема

Переключение темы, CSS-переменные и оформление интерфейсов с несколькими режимами.

Популярные темы

Оформление элементов

Кнопки, таблицы, изображения, списки и формы.

Интерактивные примеры

Выпадающее меню, сложная навигация, галерея и анимации.

Справочник

Список всех свойств CSS, display, margin, background, z-index.

Недавние статьи о CSS

• Энциклопедия CSS: cursor
• Энциклопедия CSS: display:flex
• Энциклопедия CSS: box-shadow
• Энциклопедия CSS: border-radius
• Энциклопедия CSS: background-color
• Энциклопедия CSS: border
• Энциклопедия CSS: padding
• CSS анимации и ключевые кадры

Быстрые ссылки

• Все статьи о CSS
• CSS
• Список всех свойств CSS
• Энциклопедия CSS
• Обсуждение портала

Смежные порталы

Вёрстка сайтов

• HTML
• JavaScript

Языки программирования

• Портал программистов
• PHP
• Python

Для практики

• Вёрстка шаблона сайта в CSS
• Навигационная панель в CSS
• Выпадающее меню в CSS
• Шесть удивительных приёмов в CSS
• Новые возможности CSS в 2025 году: обзор ключевых изменений

Как развивать раздел

• Добавлять рабочие примеры через расширение <codeexample>.
• Обновлять статьи о новых возможностях CSS и поддержке в браузерах.
• Связывать учебные материалы со справочником свойств.
• Дополнять статьи скриншотами и пояснениями к результату вёрстки.

Навигация по материалам CSS