Heim > Artikel > Entwicklungswerkzeuge > So führen Sie CSS im Sublime-Test aus
So führen Sie CSS im Sublime-Test aus
- 下次还敢Original
- 2024-04-03 12:03:18573Durchsuche
Schritte zum Ausführen von CSS in Sublime Text: Öffnen Sie die HTML-Datei und fügen Sie das <style>-Tag innerhalb des <head>-Tags hinzu. Speichern Sie die HTML-Datei, um das CSS zu speichern. Wählen Sie „Live-Vorschau“ über das Menü „Ansicht“, um eine Vorschau des Echtzeiteffekts anzuzeigen. Bearbeiten Sie das CSS und speichern Sie es. Die Vorschau wird dann in Echtzeit aktualisiert.
So führen Sie CSS mit Sublime Text aus
Sublime Text ist ein beliebter Code-Editor mit einem integrierten CSS-Runner, der Ihnen hilft, schnell eine Vorschau der Wirkung von CSS-Code anzuzeigen. Hier sind die Schritte zum Ausführen von CSS mit Sublime Text:
Schritt 1: Öffnen Sie eine HTML-Datei
Öffnen Sie in Sublime Text eine HTML-Datei, die den CSS-Code enthält, den Sie in der Vorschau anzeigen möchten.
Schritt 2: Fügen Sie ein <style>-Tag hinzu. <style> 标签
在 HTML 文件的 <head> 部分内，添加一个 <style>
Fügen Sie im Abschnitt <head> der HTML-Datei einen <style> hinzu ; -Tag, das den auszuführenden CSS-Code enthält. Zum Beispiel: <code class="html"><head>
<style>
/* 你的 CSS 代码 */
</style>
</head></code>
Speichern Sie die HTML-Datei, um Ihren neu hinzugefügten CSS-Code zu speichern.
Schritt 4: Live-Vorschau ausführen- Wählen Sie einen der folgenden Befehle, um die Live-Vorschau auszuführen:
- Mac:
- Ansicht > Vorschau im Browser Windows:
- Ansicht > Anzeigen Vorschau im Browser > Live-Vorschau Linux:
Schritt 5: Vorschau der CSS-Effekte🎜Das Live-Vorschaufenster zeigt eine Live-Vorschau der HTML-Datei und Es wird auf Sie angewendet Der CSS-Code, den Sie gerade hinzugefügt haben. Sie können den CSS-Code ändern und die Auswirkungen sofort sehen, wenn die Datei gespeichert wird. 🎜
Das obige ist der detaillierte Inhalt vonSo führen Sie CSS im Sublime-Test aus. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!