Има множество генератори на кодове за CSS, които позволяватможете да добавяте ефекти или към изображения, текст или елементи. Тези генератори на кодове са това, което са и ви дават само CSS код. Малко от тях ви позволяват да изберете как искате да заредите CSS във вашия HTML файл. Това, което те оставят, е създаването на HTML файла и определянето на класове в него ръчно. XEO CSS е генератор на CSS код и HTML редактор. Той създава HTML файл и дава възможност за зареждане на класове от HTML, идентификатори от HTML до имена на elment от него. Промените в CSS се правят чрез визуален редактор и има малко или никакво кодиране. Можете да запишете няколко файла, като се регистрирате в услугата и да ги възобновите по всяко време.
Не е задължително да се регистрирате заакаунт, вие ще можете да използвате всички функции на приложението, без да се регистрирате, но няма да можете да запазвате файлове. Когато използвате приложението за първи път, то ви показва предварителна визуализация на HTML страницата. Всичко от шрифта, цвета на фона до сянката може да се редактира.
Можете да започнете, като редактирате HTML файлаили CSS файла. И двете се редактират и запазват отделно; когато правите промени в CSS, не забравяйте да щракнете върху бутона за запазване. CSS файлът се запазва, когато сте в предварителен преглед режим. Щракнете върху бутона за запазване HTML редактор режим, за да запишете всички промени във HTML файла.
С HTML шаблона, който се зарежда по подразбиране,има и CSS файл и всички класове във файла са изброени в панел отляво. Можете да добавите или премахнете някой от тези класове. За да добавите клас, щракнете върху знака плюс и започнете да пишете в името на класа, за да изтриете клас, изберете го и щракнете върху знака минус.
Горната лента за навигация ви позволява да превключвате между HTML редактора, CSS кода, CSS редактора и режима на визуализация.
За да редактирате CSS за определен селектор, изберете гоот левия панел и кликнете върху CSS Editor от горната лента за навигация. Ще се отвори визуален редактор, който ви позволява да редактирате фон, типография (текст), измерения, оформления, трансформации, граници и преходи. Редакторът ви позволява да редактирате дефинирани CSS атрибути, които обикновено трябва да кодирате.
Ако решите да добавите нов селектор, можете да използвате същия този редактор, за да определите неговите атрибути и да приложите класа, където искате, чрез редактиране на HTML файла. Кликнете Запази след промяна на HTML или CSS. Функцията за запазване има няколко грешки в нея и докато вашият CSS файл винаги се запазва, HTML файлът може да не е така, уверете се, че винаги копирате кода от съответните HTML и CSS кодови изгледи.
Посетете XEO CSS
Коментари