So führen Sie CSS im Sublime-Test aus-sublime-php.cn

So führen Sie CSS im Sublime-Test aus

下次还敢

Freigeben： 2024-04-03 12:03:18

Original

672 Leute haben es durchsucht

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 im Sublime-Test aus

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>

Nach dem Login kopieren

Schritt 3: Speichern Sie die HTML-Datei

Speichern Sie die HTML-Datei, um Ihren neu hinzugefügten CSS-Code zu speichern.

Schritt 4: Live-Vorschau ausführen

Ansicht > Vorschau im Browser
Ansicht > Anzeigen Vorschau im Browser > Live-Vorschau

Ansicht > Vorschau im Browser > Live-Vorschau

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!