Документация

Исследуйте платформу Onwebo

Стилизация


В Onwebo стилизация сайта построена на основе классического CSS, но с удобным визуальным интерфейсом для управления стилями.

Основной принцип

  • Стили задаются через CSS-классы, которые создаются и применяются к элементам сайта.
  • Классы можно создавать вручную в окне Селекторы, либо они создаются автоматически при выборе элементов и изменении их стилей.
  • Один класс можно назначать любому количеству элементов, что позволяет строить единую и переиспользуемую систему стилей.

Работа с классами

  • Окно «Селекторы» — здесь отображаются все классы, созданные в проекте.
  • Вы можете вручную создавать новые классы, редактировать их имена, а также удалять ненужные.
  • Назначение класса элементу происходит через интерфейс или автоматически при первом изменении стиля выбранного элемента.
  • Можно одновременно применять один и тот же класс к нескольким элементам, что облегчает управление внешним видом сайта.

Окно «Стиль»

  • Здесь задаются конкретные CSS-свойства для выбранного класса или элемента.
  • Вы можете менять цвета, размеры, отступы, шрифты, позиционирование и другие параметры.
  • Изменения сразу отображаются на сайте в режиме редактора.
  • Все стили организованы по категориям для удобства навигации.

Итог

Такой подход позволяет легко создавать гибкую, масштабируемую и удобную систему стилей, где:

  • Вы контролируете структуру CSS через классы.
  • Минимизируется дублирование кода.
  • Проще вносить глобальные изменения, редактируя класс вместо множества отдельных элементов.