Det finns flera CSS-kodgeneratorer som tillåterdu lägger till effekter antingen till bilder, text eller element. Dessa kodgeneratorer är vad de är och ger dig bara CSS-koden. Få av dem låter dig välja hur du vill ladda CSS i din HTML-fil. Det de lämnar åt dig är att skapa HTML-filen och definiera klasser i den manuellt. XEO CSS är en CSS-kodgenerator och en HTML-redigerare. Den skapar en HTML-fil och ger möjlighet att antingen ladda klasser från HTML, ID: er från HTML till elment namn från den. Ändringar av CSS görs via en visuell redigerare och det är liten eller ingen kodning involverad. Du kan spara flera filer genom att registrera dig till tjänsten och återuppta redigera dem när som helst.
Du behöver inte nödvändigtvis registrera dig för enkonto, kommer du att kunna använda alla funktioner i appen utan att registrera dig men du kommer inte att kunna spara filer. När du först använder applikationen visar det en förhandsvisning av HTML-sidan med mockup. Allt från teckensnitt, bakgrundsfärg till droppskugga kan redigeras.
Du kan börja med att antingen redigera HTML-fileneller CSS-filen. Båda redigeras och sparas separat; när du gör CSS-ändringar, se till att du klickar på spara-knappen. CSS-fil sparas när du är i Förhandsvisning läge. Klicka på spara-knappen i HTML Editor läge för att spara eventuella ändringar i HTML-filen.
Med HTML-mallen som laddas som standard,det finns också en CSS-fil och alla klasser i filen listas i en panel till vänster. Du kan lägga till eller ta bort någon av dessa klasser. För att lägga till en klass, klicka på plustecknet och börja skriva i klassens namn, ta bort en klass, markera den och klicka på minustecknet.
Den översta navigeringsfältet låter dig växla mellan HTML-redigeraren, CSS-koden, CSS-redigeraren och förhandsgranskningsläget.
Om du vill redigera CSS för en viss väljare väljer du denfrån vänster panel och klicka på CSS Editor från den översta navigeringsfältet. En visuell redaktör öppnas så att du kan redigera bakgrund, typografi (text), dimensioner, layouter, transformationer, gränser och övergångar. Redaktören låter dig redigera CSS-definierade attribut som du normalt måste koda.
Om du väljer att lägga till en ny väljare kan du använda samma redigerare för att definiera dess attribut och tillämpa klassen var du vill genom att redigera HTML-filen. Klick Spara efter både HTML- eller CSS-ändringar. Spara-funktionen har några glitches i och medan din CSS-fil alltid är sparad, kanske HTML-filen inte är så se till att du alltid kopierar koden från respektive HTML- och CSS-kodvyer.
Besök XEO CSS
kommentarer