Каталог задач HTML и CSS в справочнике Webdevhelp для сайтов на 1С‑Битрикс
Рубрика о вёрстке в контексте компонентов и шаблонов платформы: где править стили без дубля логики и как не навредить кешу торговых списков.
Поиск по блогу
Найдите нужную статью о модулях 1С-Битрикс,
настройке и оптимизации
Все статьи
BitrixVM виртуальная машина Битрикс
Ускорение Битрикс
SEO Битрикс
Битрикс
Обновления модулей для Битрикс
Unix
Теги:
CSS ×
Найдено результатов: 15 по тегам CSS
Чекбокс в виде переключателя: скрыть нативный input и стилизовать label с псевдоэлементом бегунка
Сохраняем доступность через :focus-visible и aria на скрытом input.
Градиенты в интерфейсах 2025: от фона к управляемому светотеневому узору
Пара приёмов: мягкие mesh‑подложки, двухслойное наложение, держать читаемость текста через контраст.
Плашка-сообщение со скошенным хвостом на псевдоэлементе
Чтобы сделать такой popover достаточно одного блока и чистого CSS, это просто и мы покажем вам как.
Единицы em для иконок и UI: масштаб от шрифта родителя
В данной статье попробуем разобраться чем полезны относительные размеры в EM для элементов интерфейса.
Горизонтальное меню на всю ширину: display:table-cell для пунктов
Очень часто возникает задача сделать меню на сайте на всю ширину div’а. Самое простое решение — это сделать фиксированную ширину для каждого пункта, но если в дальнейшем нужно будет добавить еще пункты или текст ссылки будет больше, чем заданная ширина?
Отменить «подволок» заголовку после элемента с float
Очень часто нужно выровнять блок или изображение таким образом, чтобы текст был только с одной стороны и не обтекал снизу. Если применить к блоку с датой float:left
Clearfix без дополнительного div: таблица и clear на псевдоэлементе
Все ни один раз сталкивались с проблемой, когда в контейнере содержатся только элементы с float, будь то div’ы, li или a, то контейнер схлопывается в нулевой, то есть так, как будто в нем нет никакого контенета.
Оболочка iPhone-подобного макета с псевдоэлементами
Очередной замечательный пример верстки на чистом CSS. На этот раз результатом верстки стали различные девайсы от iPhone до iMac и Apple Watch.
Галерея на :target без скриптов: переключаем активный слайд якорём
Возможности CSS с каждым разом удивляют все сильнее! На этот раз покажем вам как сделать простую галерею на CSS без использования JavaScript.
Структурный мокап «камеры» из блоков div и сложных градиентов
Возможности CSS безграничны — уже в который раз убеждаемся в этом на данном примере
Прелоадер на ключевых кадрах: рамки и блоки без JavaScript
Часто необходимо сделать для сайта или какого то элемента загрузку в фоне и для этого нужно использовать прелоадер, который будет отображать процесс загрузки.
Рубрика Keengo про CSS: лабораторные примеры без JavaScript для вёрстки
Статьи и примеры оформления стилей сайта на CSS.
Прелоадер и «жёлтые бляшки» админ-панели 1С‑Битрикс: как оформить ожидание
Селектор div[id^="wait_"] задаёт блоки загрузки при сохранении настроек и работе компонента; кастомный CSS может заменить стандартный индикатор на брендовую анимацию для редакторов.
Оптимизация веб‑шрифтов: WOFF2, локальный хостинг и блок @font-face
Срезание устаревших EOT/TTF/SVG из стека форматов, приоритет WOFF2 и WOFF, сжатие пачки начертаний и цепочка local() перед url() для уже установленных гарнитур.