Esistono più generatori di codice CSS che consentonoper aggiungere effetti a immagini, testo o elementi. Questi generatori di codice sono quello che sono e ti danno solo il codice CSS. Pochi di questi ti consentono di scegliere come caricare i CSS nel tuo file HTML. Quello che lasciano a te è la creazione del file HTML e la definizione manuale delle classi. XEO CSS è un generatore di codice CSS e un editor HTML. Crea un file HTML e offre la possibilità di caricare classi da HTML, ID da HTML per eluirne i nomi. Le modifiche ai CSS vengono effettuate tramite un editor visivo e la codifica è scarsa o nulla. È possibile salvare più file registrandosi al servizio e riprendere a modificarli in qualsiasi momento.
Non è necessario registrarsi per unaccount, sarai in grado di utilizzare tutte le funzionalità dell'app senza registrarti ma non sarai in grado di salvare i file. Quando si utilizza l'applicazione per la prima volta, viene visualizzata un'anteprima della pagina HTML del mockup. Tutto, dal carattere, il colore di sfondo all'ombra discendente può essere modificato.
Puoi iniziare modificando il file HTMLo il file CSS. Entrambi sono modificati e salvati separatamente; quando apporti modifiche CSS, assicurati di fare clic sul pulsante Salva. Il file CSS viene salvato quando ci si trova Anteprima modalità. Fai clic sul pulsante Salva in Editor HTML modalità per salvare eventuali modifiche al file HTML.
Con il modello HTML che viene caricato per impostazione predefinita,c'è anche un file CSS e tutte le classi nel file sono elencate in un pannello a sinistra. Puoi aggiungere o rimuovere una di queste classi. Per aggiungere una classe, fai clic sul segno più e inizia a digitare il nome della classe, per eliminare una classe, selezionala e fai clic sul segno meno.
La barra di navigazione superiore consente di alternare l'editor HTML, il codice CSS, l'editor CSS e la modalità di anteprima.
Per modificare CSS per un particolare selettore, selezionalodal pannello di sinistra e fai clic su Editor CSS nella barra di navigazione in alto. Si aprirà un editor visivo che consente di modificare lo sfondo, la tipografia (testo), le dimensioni, i layout, le trasformazioni, i bordi e le transizioni. L'editor ti consente di modificare gli attributi definiti CSS che normalmente dovresti codificare.
Se si sceglie di aggiungere un nuovo selettore, è possibile utilizzare questo stesso editor per definirne gli attributi e applicare la classe dove si desidera modificando il file HTML. Clic Salva dopo entrambe le modifiche HTML o CSS. La funzione di salvataggio ha alcuni difetti e mentre il tuo file CSS viene sempre salvato, il file HTML potrebbe non essere così assicurati di copiare sempre il codice dalle rispettive visualizzazioni di codice HTML e CSS.
Visita XEO CSS
Commenti