Es gibt mehrere CSS-Codegeneratoren, mit denen Sie Bildern, Text oder Elementen Effekte hinzufügen können. Diese Codegeneratoren sind das, was sie sind und geben Ihnen nur den CSS-Code. Nur wenige von ihnen können Sie auswählen, wie Sie das CSS in Ihre HTML-Datei laden möchten. Sie überlassen es Ihnen, die HTML-Datei zu erstellen und darin manuell Klassen zu definieren. XEO-CSS ist ein CSS-Code-Generator und ein HTML-Editor. Es erstellt eine HTML-Datei und gibt die Option, Klassen aus HTML zu laden, IDs aus HTML, um Namen von Elementen zu laden. CSS-Änderungen werden über einen visuellen Editor vorgenommen, und es ist wenig oder gar keine Kodierung erforderlich. Sie können mehrere Dateien speichern, indem Sie sich beim Dienst anmelden und die Bearbeitung jederzeit fortsetzen.

Sie müssen sich nicht unbedingt für ein Konto anmelden. Sie können alle Funktionen der App nutzen, ohne sich anzumelden, aber Sie können keine Dateien speichern. Wenn Sie die Anwendung zum ersten Mal verwenden, wird eine HTML-Seitenvorschau angezeigt. Alles von der Schrift, der Hintergrundfarbe bis zum Schatten kann bearbeitet werden.

Sie können mit der Bearbeitung der HTML-Datei oder der CSS-Datei beginnen. Beide werden separat bearbeitet und gespeichert. Wenn Sie CSS-Änderungen vornehmen, klicken Sie auf die Schaltfläche "Speichern". Die CSS-Datei wird gespeichert, wenn Sie sich in Vorschau Modus. Klicken Sie auf die Schaltfläche Speichern in HTML-Editor Modus, um Änderungen an der HTML-Datei zu speichern.

Mit der HTML-Vorlage, die standardmäßig geladen wird, gibt es auch eine CSS-Datei, und alle Klassen in der Datei werden in einem Fenster links aufgelistet. Sie können eine dieser Klassen hinzufügen oder entfernen. Um eine Klasse hinzuzufügen, klicken Sie auf das Pluszeichen und geben Sie den Klassennamen ein. Um eine Klasse zu löschen, wählen Sie sie aus und klicken Sie auf das Minuszeichen.

In der oberen Navigationsleiste können Sie zwischen dem HTML-Editor, dem CSS-Code, dem CSS-Editor und dem Vorschaumodus wechseln.

Um CSS für einen bestimmten Selektor zu bearbeiten, wählen Sie es im linken Bereich aus und klicken Sie in der oberen Navigationsleiste auf CSS-Editor. Ein visueller Editor wird geöffnet, in dem Sie Hintergrund, Typografie (Text), Bemaßungen, Layouts, Transformationen, Ränder und Übergänge bearbeiten können. Mit dem Editor können Sie CSS-definierte Attribute bearbeiten, die Sie normalerweise codieren müssen.

Wenn Sie einen neuen Selektor hinzufügen, können Sie mit demselben Editor seine Attribute definieren und die Klasse an beliebigen Stellen anwenden, indem Sie die HTML-Datei bearbeiten. Klicken sparen nach beiden HTML- oder CSS-Änderungen. Die Speicherfunktion hat einige Pannen, und während Ihre CSS-Datei immer gespeichert wird, ist die HTML-Datei möglicherweise nicht vorhanden. Stellen Sie also sicher, dass Sie den Code immer aus den jeweiligen HTML- und CSS-Code-Ansichten kopieren.

Besuchen Sie XEO CSS

Arbeitete Für Sie: Robert Gaines & George Fleming | Möchten Sie Uns Kontaktieren?

Kommentare Auf Der Website: