- - XEO CSS: HTML Editor, Visual Editor & Auto Code Generator For CSS

XEO CSS: HTML Editor, Visual Editor & Auto Code Generator For CSS

Det er flere CSS-kodegeneratorer som tillater detdu kan legge til effekter enten til bilder, tekst eller elementer. Disse kodegeneratorene er hva de er og gir deg bare CSS-koden. Få av dem lar deg velge hvordan du vil laste inn CSS i HTML-filen. Det de overlater til deg er å lage HTML-filen og definere klasser i den manuelt. XEO CSS er en CSS-kodegenerator og en HTML-editor. Den oppretter en HTML-fil og gir muligheten til å enten laste klasser fra HTML, ID-er fra HTML til elementnavn fra den. Endringer i CSS gjøres via en visuell redigerer, og det er lite eller ingen koding involvert. Du kan lagre flere filer ved å registrere deg på tjenesten og fortsette å redigere dem når som helst.

Du trenger ikke nødvendigvis å registrere deg for enkonto, vil du kunne bruke alle funksjonene i appen uten å registrere deg, men du vil ikke kunne lagre filer. Når du først bruker applikasjonen, viser den en forhåndsvisning av HTML-siden. Alt fra font, bakgrunnsfarge til dråpe skygge kan redigeres.

XeoCSS

Du kan starte med å redigere HTML-fileneller CSS-filen. Begge redigeres og lagres separat; Når du gjør CSS-endringer, må du sørge for å klikke på lagre-knappen. CSS-fil lagres når du er i Forhåndsvisning modus. Klikk på lagre-knappen i HTML Editor modus for å lagre endringer i HTML-filen.

Med HTML-malen som lastes inn som standard,det er også en CSS-fil, og alle klasser i filen vises i et panel til venstre. Du kan legge til eller fjerne en av disse klassene. For å legge til en klasse, klikk på plustegnet og begynn å skrive inn klassens navn, for å slette en klasse, velg den og klikk på minustegnet.

XeoCSS-velgere

Den øverste navigasjonslinjen lar deg veksle mellom HTML-redigereren, CSS-koden, CSS-redigereren og forhåndsvisningsmodusen.

XeoCSS verktøy

Hvis du vil redigere CSS for en bestemt velger, velger du denfra venstre panel og klikk på CSS Editor fra den øverste navigasjonslinjen. En visuell redaktør vil åpne slik at du kan redigere bakgrunn, typografi (tekst), dimensjoner, oppsett, transformasjoner, grenser og overganger. Redaktøren lar deg redigere CSS-definerte attributter som du normalt vil ha for å kode.

XeoCSS visuell redaktør

Hvis du velger å legge til en ny velger, kan du bruke den samme redigereren til å definere attributtene og bruke klassen hvor du vil ved å redigere HTML-filen. Klikk Lagre etter både HTML- eller CSS-endringer. Lagre-funksjonen har noen få feil, og mens CSS-filen alltid er lagret, er det mulig at HTML-filen ikke er så pass på at du alltid kopierer koden fra de respektive HTML- og CSS-kodevisningene.

Besøk XEO CSS

kommentarer