Il y a plusieurs générateurs de code CSS qui permettentvous pouvez ajouter des effets aux images, au texte ou aux éléments. Ces générateurs de code sont ce qu’ils sont et vous donnent uniquement le code CSS. Peu d'entre eux vous permettent de choisir le mode de chargement du CSS dans votre fichier HTML. Ce qu’ils vous laissent, c’est créer le fichier HTML et y définir les classes manuellement. XEO CSS est un générateur de code CSS et un éditeur HTML. Il crée un fichier HTML et offre la possibilité de charger des classes à partir de HTML, des identifiants de HTML à des noms d'élément. Les modifications apportées aux CSS sont effectuées via un éditeur visuel et le codage est peu ou pas impliqué. Vous pouvez enregistrer plusieurs fichiers en vous inscrivant au service et reprendre l'édition à tout moment.
Vous n'êtes pas obligé de vous inscrire pour uncompte, vous pourrez utiliser toutes les fonctionnalités de l'application sans vous inscrire, mais vous ne pourrez pas sauvegarder de fichiers. Lorsque vous utilisez pour la première fois l'application, celle-ci vous montre un aperçu de la page HTML. Tout, de la police, de la couleur d'arrière-plan à l'ombre portée, peut être modifié.
Vous pouvez commencer par éditer le fichier HTMLou le fichier CSS. Les deux sont édités et enregistrés séparément; Lorsque vous apportez des modifications CSS, assurez-vous de cliquer sur le bouton Enregistrer. Fichier CSS est enregistré lorsque vous êtes dans Aperçu mode. Cliquez sur le bouton Enregistrer dans Éditeur HTML mode pour enregistrer les modifications apportées au fichier HTML.
Avec le modèle HTML qui se charge par défaut,il existe également un fichier CSS et toutes les classes du fichier sont répertoriées dans un panneau à gauche. Vous pouvez ajouter ou supprimer n'importe laquelle de ces classes. Pour ajouter une classe, cliquez sur le signe plus et commencez à taper le nom de la classe. Pour supprimer une classe, sélectionnez-la et cliquez sur le signe moins.
La barre de navigation supérieure vous permet de basculer entre l'éditeur HTML, le code CSS, l'éditeur CSS et le mode de prévisualisation.
Pour modifier le code CSS d'un sélecteur particulier, sélectionnez-le.dans le panneau de gauche et cliquez sur Editeur CSS dans la barre de navigation supérieure. Un éditeur visuel s'ouvrira vous permettant d'éditer l'arrière-plan, la typographie (texte), les cotes, les mises en page, les transformations, les bordures et les transitions. L'éditeur vous permet d'éditer les attributs définis par CSS que vous auriez normalement à coder.
Si vous choisissez d'ajouter un nouveau sélecteur, vous pouvez utiliser ce même éditeur pour définir ses attributs et appliquer la classe où vous le souhaitez en modifiant le fichier HTML. Cliquez sur sauver après les modifications HTML ou CSS. La fonction de sauvegarde comporte quelques problèmes et, même si votre fichier CSS est toujours enregistré, le fichier HTML ne l’est peut-être pas. Assurez-vous donc de toujours copier le code à partir des vues de code HTML et CSS respectives.
Visitez XEO CSS
commentaires