- - XEO CSS: HTML-редактор, візуальний редактор та автоматичний генератор коду для CSS

XEO CSS: HTML-редактор, візуальний редактор та автоматичний генератор коду для CSS

Є кілька генераторів коду CSS, які дозволяютьви можете додавати ефекти до зображень, тексту чи елементів. Ці генератори коду є такими, якими вони є, і дають вам лише CSS-код. Мало хто з них дозволяє вам вибрати, як ви хочете завантажити CSS у свій HTML-файл. Те, що вони залишають вам, - це створити файл HTML і визначити класи в ньому вручну. XEO CSS є генератором коду CSS та редактором HTML. Він створює HTML-файл і надає можливість завантажувати класи з HTML, ідентифікатори з HTML і імена elment з нього. Зміни в CSS вносяться через візуальний редактор, і кодування мало або взагалі немає. Ви можете зберегти декілька файлів, зареєструвавшись у службі та будь-коли відновити їх редагування.

Вам не обов’язково реєструватисьакаунт, ви зможете використовувати всі функції програми без реєстрації, але ви не зможете зберігати файли. Під час першого використання програми він відображає попередній перегляд HTML-сторінки макета. Все, від шрифту, кольору тла до тіні, що випадає, можна редагувати.

XeoCSS

Почати можна, відредагувавши HTML-файлабо файл CSS. Обидва редагуються та зберігаються окремо; коли ви вносите зміни CSS, переконайтесь, що натискаєте кнопку збереження. Файл CSS зберігається, коли ви знаходитесь Попередній перегляд режим. Натисніть кнопку збереження у HTML-редактор режим для збереження будь-яких змін у файлі HTML.

За допомогою шаблону HTML, який завантажується за замовчуванням,також є файл CSS, і всі класи у файлі вказані на панелі зліва. Ви можете додати або видалити будь-який із цих класів. Щоб додати клас, натисніть знак плюс і почніть вводити ім'я класу, щоб видалити клас, виберіть його та натисніть знак мінус.

XeoCSS селектори

Верхня панель навігації дозволяє перемикатися між редактором HTML, кодом CSS, редактором CSS та режимом попереднього перегляду.

Інструменти XeoCSS

Щоб відредагувати CSS для конкретного селектора, виберіть йогона лівій панелі та натисніть CSS Editor на верхній панелі навігації. Відкриється візуальний редактор, що дозволяє редагувати фон, типографію (текст), розміри, макети, перетворення, межі та переходи. Редактор дозволяє редагувати визначені CSS атрибути, які, як правило, доведеться кодувати.

Візуальний редактор XeoCSS

Якщо ви вирішите додати новий селектор, ви можете скористатися цим самим редактором, щоб визначити його атрибути і застосувати клас, куди ви хочете, відредагувавши HTML-файл. Клацніть Зберегти після зміни HTML або CSS. У функції збереження є кілька глюків, і хоча ваш файл CSS завжди зберігається, HTML-файл може бути не таким, щоб переконайтеся, що ви завжди копіюєте код з відповідних представлень HTML та CSS-коду.

Відвідайте XEO CSS

Коментарі