XEO CSS: HTML Editor, Visual Editor a Generátor automatického kódu pro CSS

Existuje několik generátorů kódu CSS, které vám umožňují přidávat efekty do obrázků, textu nebo prvků. Tyto generátory kódu jsou tím, čím jsou, a poskytují pouze kód CSS. Jen málo z nich vám umožní vybrat, jak chcete načíst CSS do vašeho souboru HTML. Zůstanou na vás, když vytvoříte soubor HTML a v něm definujete třídy ručně. XEO CSS je generátor kódu CSS a editor HTML. Vytvoří soubor HTML a dává možnost buď načíst třídy z HTML, ID z HTML a vytvořit z nich názvy. Změny CSS se provádějí pomocí vizuálního editoru a není zde zahrnuto jen malé nebo žádné kódování. Můžete uložit více souborů tak, že se přihlásíte ke službě a budete je moci kdykoli znovu upravovat.

Nemusíte se nutně zaregistrovat k účtu, budete moci používat všechny funkce aplikace bez registrace, ale nebudete moci ukládat soubory. Při prvním použití aplikace se zobrazí náhled stránky HTML makety. Lze upravovat vše od písma, barvy pozadí až po vržený stín.

Můžete začít buď úpravou souboru HTML nebo souboru CSS. Oba jsou upravovány a ukládány samostatně; když provedete změny CSS, ujistěte se, že kliknete na tlačítko Uložit. Soubor CSS se uloží, když se nacházíte

Náhled režim. Klikněte na tlačítko Uložit v HTML editor režimu uložit všechny změny do souboru HTML.

S šablonou HTML, která se ve výchozím nastavení načte, je také soubor CSS a všechny třídy v souboru jsou uvedeny na panelu vlevo. Můžete přidat nebo odebrat kteroukoli z těchto tříd. Chcete-li přidat třídu, klikněte na znaménko plus a začněte psát název třídy. Chcete-li třídu odstranit, vyberte ji a klikněte na znaménko mínus.

Horní navigační lišta umožňuje přepínat mezi editorem HTML, kódem CSS, editorem CSS a režimem náhledu.

Chcete-li upravit CSS pro konkrétní selektor, vyberte jej z levého panelu a na horním navigačním panelu klepněte na Editor CSS. Otevře se vizuální editor, který vám umožní upravovat pozadí, typografii (text), kóty, rozvržení, transformace, ohraničení a přechody. Editor umožňuje upravovat atributy definované CSS, které byste normálně museli kódovat.

Pokud se rozhodnete přidat nový selektor, můžete pomocí stejného editoru definovat jeho atributy a použít třídu kdekoli chcete úpravou souboru HTML. Klikněte na Uložit po změnách HTML nebo CSS. Funkce uložení obsahuje několik závad a zatímco váš soubor CSS je vždy uložen, soubor HTML nemusí být tak ujistěte se, že kód vždy zkopírujete z příslušných zobrazení kódu HTML a CSS.

Navštivte XEO CSS