Verwenden Sie Firebug, um HTML und CSS anzuzeigen und zu bearbeiten.
Die offizielle Website von Firebug hat bekannt gegeben, dass die Weiterentwicklung, Aktualisierung und Wartung von Firebug eingestellt wurde, und lädt alle ein, die in Firefox integrierten Tools zu verwenden.DevTools。
Beschreibung
In diesem Kapitel des Tutorials werden wir besprechen, wie Sie Firebug zum Anzeigen und Bearbeiten von HTML und CSS verwenden.
Verwenden Sie Firebug, um HTML anzuzeigen und zu bearbeiten.
Klicken Sie mit der rechten Maustaste auf das Element, das Sie anzeigen möchten, und klicken Sie dann.Inspect Element (Element anzeigen).
Klicken Sie nun auf das Firebug-Fenster.Edit (Edit) 。
Ändern Sie den Code <h1>Components of Firebug</h1>.
Sie können den Code im Firebug-Fenster einfach ändern, um die Echtzeitwirkung des geänderten Codes im Browser zu sehen, und Sie können den Code auch in Ihre HTML-Datei kopieren.
Verwenden Sie Firebug, um CSS anzuzeigen und zu bearbeiten.
Klicken Sie mit der rechten Maustaste auf das Element, das Sie anzeigen möchten, und klicken Sie dann.Inspect Element (View Element)Klicken Sie wie in der Abbildung unten gezeigt auf die Style-Datei.
Durch Ändern des Codes zucolor:red;, um die Titelfarbe zu ändern
Nachdem Sie Änderungen vorgenommen haben, können Sie die geänderte Wirkung sofort sehen.
Jetzt können Sie den geänderten Stil kopieren, den ursprünglichen Code ersetzen und speichern, damit er wirksam wird.
