Стилизация
В Onwebo стилизация сайта построена на основе классического CSS, но с удобным визуальным интерфейсом для управления стилями.
Основной принцип
- Стили задаются через CSS-классы, которые создаются и применяются к элементам сайта.
- Классы можно создавать вручную в окне Селекторы, либо они создаются автоматически при выборе элементов и изменении их стилей.
- Один класс можно назначать любому количеству элементов, что позволяет строить единую и переиспользуемую систему стилей.
Работа с классами
- Окно «Селекторы» — здесь отображаются все классы, созданные в проекте.
- Вы можете вручную создавать новые классы, редактировать их имена, а также удалять ненужные.
- Назначение класса элементу происходит через интерфейс или автоматически при первом изменении стиля выбранного элемента.
- Можно одновременно применять один и тот же класс к нескольким элементам, что облегчает управление внешним видом сайта.
Окно «Стиль»
- Здесь задаются конкретные CSS-свойства для выбранного класса или элемента.
- Вы можете менять цвета, размеры, отступы, шрифты, позиционирование и другие параметры.
- Изменения сразу отображаются на сайте в режиме редактора.
- Все стили организованы по категориям для удобства навигации.
Итог
Такой подход позволяет легко создавать гибкую, масштабируемую и удобную систему стилей, где:
- Вы контролируете структуру CSS через классы.
- Минимизируется дублирование кода.
- Проще вносить глобальные изменения, редактируя класс вместо множества отдельных элементов.