Редактор Studio: редактирование CSS

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

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

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

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

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

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

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

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

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