Υπάρχουν πολλές γεννήτριες κώδικα CSS που επιτρέπουνμπορείτε να προσθέσετε εφέ είτε σε εικόνες, κείμενο ή στοιχεία. Αυτές οι γεννήτριες κώδικα είναι αυτές που είναι και σας δίνουν τον κωδικό CSS μόνο. Λίγοι από αυτούς σας επιτρέπουν να επιλέξετε πώς θα θέλατε να φορτώσετε το CSS στο αρχείο HTML. Αυτό που σας αφήνουν να δημιουργείτε το αρχείο HTML και καθορίζετε τάξεις σε αυτό χειροκίνητα. XEO CSS είναι μια γεννήτρια κώδικα CSS και ένας επεξεργαστής HTML. Δημιουργεί ένα αρχείο HTML και δίνει τη δυνατότητα είτε να φορτώνονται κατηγορίες από HTML, IDs από HTML για να απομακρύνονται ονόματα από αυτό. Οι αλλαγές στο CSS γίνονται μέσω ενός επεξεργαστή εικόνας και υπάρχει ελάχιστη ή καθόλου κωδικοποίηση. Μπορείτε να αποθηκεύσετε πολλά αρχεία, εγγράφοντας στην υπηρεσία και να συνεχίσετε να τα επεξεργάζεστε οποιαδήποτε στιγμή.
Δεν χρειάζεται να εγγραφείτε απαραίτητα για έναθα έχετε τη δυνατότητα να χρησιμοποιήσετε όλες τις λειτουργίες της εφαρμογής χωρίς να εγγραφείτε, αλλά δεν θα μπορείτε να αποθηκεύσετε αρχεία. Όταν χρησιμοποιείτε για πρώτη φορά την εφαρμογή, σας παρουσιάζει μια προεπισκόπηση σελίδας HTML mockup. Τα πάντα από τη γραμματοσειρά, το χρώμα φόντου στη σκιά πτώσης μπορούν να επεξεργαστούν.
Μπορείτε να ξεκινήσετε είτε με επεξεργασία του αρχείου HTMLή το αρχείο CSS. Και οι δύο επεξεργάζονται και αποθηκεύονται ξεχωριστά. όταν κάνετε αλλαγές CSS, βεβαιωθείτε ότι έχετε κάνει κλικ στο κουμπί αποθήκευσης. Το αρχείο CSS αποθηκεύεται όταν βρίσκεστε Προεπισκόπηση τρόπος. Κάντε κλικ στο κουμπί αποθήκευσης στο HTML Editor για να αποθηκεύσετε τυχόν αλλαγές στο αρχείο HTML.
Με το πρότυπο HTML που φορτώνεται από προεπιλογή,υπάρχει επίσης ένα αρχείο CSS και όλες οι κλάσεις του αρχείου παρατίθενται σε πίνακα στην αριστερή πλευρά. Μπορείτε να προσθέσετε ή να αφαιρέσετε οποιαδήποτε από αυτές τις κλάσεις. Για να προσθέσετε μια κλάση, κάντε κλικ στο σύμβολο συν και ξεκινήστε την πληκτρολόγηση στο όνομα της κλάσης, για να διαγράψετε μια κλάση, να την επιλέξετε και να κάνετε κλικ στο σύμβολο μείον.
Η επάνω γραμμή πλοήγησης σάς επιτρέπει να αλλάζετε μεταξύ του επεξεργαστή HTML, του CSS Code, του CSS Editor και της λειτουργίας προεπισκόπησης.
Για να επεξεργαστείτε το CSS για έναν συγκεκριμένο επιλογέα, επιλέξτε τοαπό το αριστερό πλαίσιο και κάντε κλικ στο CSS Editor από την επάνω γραμμή πλοήγησης. Θα ανοίξει ένας οπτικός επεξεργαστής που σας επιτρέπει να επεξεργαστείτε το φόντο, την τυπογραφία (κείμενο), τις διαστάσεις, τις διατάξεις, τους μετασχηματισμούς, τα σύνορα και τις μεταβάσεις. Ο επεξεργαστής σάς επιτρέπει να επεξεργαστείτε τα καθορισμένα CSS χαρακτηριστικά που θα έπρεπε κανονικά να κωδικοποιήσετε.
Αν επιλέξετε να προσθέσετε έναν νέο επιλογέα, μπορείτε να χρησιμοποιήσετε αυτόν τον ίδιο επεξεργαστή για να ορίσετε τα χαρακτηριστικά του και να εφαρμόσετε την κλάση όπου θέλετε, επεξεργάζοντας το αρχείο HTML. Κάντε κλικ Σώσει μετά τις αλλαγές HTML ή CSS. Η λειτουργία αποθήκευσης έχει μερικές δυσλειτουργίες και ενώ το αρχείο CSS αποθηκεύεται πάντοτε, το αρχείο HTML μπορεί να μην είναι έτσι ώστε να βεβαιωθείτε ότι πάντα αντιγράφετε τον κώδικα από τις αντίστοιχες προβολές κώδικα HTML και CSS.
Επισκεφθείτε το XEO CSS
Σχόλια