Editor X: редактирование CSS

Добавьте свой собственный код CSS в элементы стиля и их отдельные части. CSS расширяет набор инструментов при создании сайта, поскольку вы можете применять параметры дизайна и изменения поведения, недоступные в Editor X. 

Добавление CSS к элементам открывает целый ряд новых возможностей для стилизации. Он позволяет вам изменить дизайн элемента по своему вкусу, что особенно полезно для параметров, которые еще не доступны в Editor X.

CSS также дает вам возможность анимировать элементы по своему усмотрению. Создавайте собственные анимации со свойствами по вашему выбору и при необходимости применяйте несколько анимаций к элементу.

Еще одно важное использование CSS - это максимизация отзывчивости. Например, используйте медиа-запросы (в зависимости от размера области просмотра или возможностей устройства), чтобы элемент выглядел идеально на всех экранах.

В Editor X элементы разделены на семантические классы, поэтому вы можете настроить нужную часть. Например, кнопки имеют 3 класса CSS:

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

Вы также можете добавить свои собственные классы CSS на страницу global.css. Это позволяет применять стиль и форматирование к элементам, которые вы назначаете своим пользовательским классом, а не ко всем экземплярам одного определенного элемента. Подробнее о пользовательских классах

В разделе «Код страницы» редактора вы можете добавить глобальную страницу для редактирования CSS. Код на этой странице применяется глобально к любому элементу с соответствующим классом на всех страницах сайта.

Код CSS, который вы добавляете на эту страницу, переопределяет выбор, который вы ранее сделали в панели Editor X.  Например, если вы используете CSS для изменения фона всех кнопок, он переопределяет фон, который вы установили в панели инспектора.