Der er flere CSS-kodegeneratorer, der tilladerdu føjer effekter til billeder, tekst eller elementer. Disse kodegeneratorer er, hvad de er, og giver dig kun CSS-koden. Få af dem giver dig mulighed for at vælge, hvordan du vil indlæse CSS i din HTML-fil. Hvad de overlader det til dig er at oprette HTML-filen og definere klasser i den manuelt. XEO CSS er en CSS-kodegenerator og en HTML-editor. Det opretter en HTML-fil og giver mulighed for enten at indlæse klasser fra HTML, ID'er fra HTML til elemenavne derfra. Ændringer til CSS foretages via en visuel editor, og der er kun lidt eller ingen kodning involveret. Du kan gemme flere filer ved at tilmelde dig tjenesten og genoptage redigering af dem når som helst.
Du behøver ikke nødvendigvis at tilmelde dig enkonto, vil du være i stand til at bruge alle funktioner i appen uden at tilmelde dig, men du vil ikke være i stand til at gemme filer. Når du først bruger applikationen, viser det dig en forhåndsvisning af HTML-siden. Alt fra skrifttypen, baggrundsfarven til dropskyggen kan redigeres.
Du kan starte med enten at redigere HTML-fileneller CSS-filen. Begge redigeres og gemmes separat; Når du foretager CSS-ændringer, skal du sørge for at klikke på knappen Gem. CSS-fil gemmes, når du er inde Eksempel mode. Klik på knappen Gem i HTML Editor tilstand for at gemme ændringer i HTML-filen.
Med HTML-skabelonen, der indlæses som standard,der er også en CSS-fil, og alle klasser i filen vises i et panel til venstre. Du kan tilføje eller fjerne en af disse klasser. For at tilføje en klasse skal du klikke på plustegnet og begynde at indtaste klassens navn, for at slette en klasse, markere den og klikke på minustegnet.
Den øverste navigationslinje giver dig mulighed for at skifte mellem HTML-editor, CSS-kode, CSS-editor og preview-tilstand.
Hvis du vil redigere CSS for en bestemt vælger, skal du vælge detfra venstre panel og klik på CSS Editor fra den øverste navigationslinje. En visuel editor åbnes, så du kan redigere baggrund, typografi (tekst), dimensioner, layout, transformationer, grænser og overgange. Editoren giver dig mulighed for at redigere CSS-definerede attributter, som du normalt skulle bruge til at kode.
Hvis du vælger at tilføje en ny vælger, kan du bruge den samme editor til at definere dens attributter og anvende klassen, hvor du vil, ved at redigere HTML-filen. Klik Gemme efter både HTML- eller CSS-ændringer. Gem-funktionen har et par fejl i den, og mens din CSS-fil altid er gemt, er HTML-filen muligvis ikke så sørg for altid at kopiere koden fra de respektive HTML- og CSS-kodevisninger.
Besøg XEO CSS
Kommentarer