Sie denken vielleicht, dass Notepad beim Schreiben von CSS nicht das Beste ist. Gibt es CSS-Bearbeitungstools, die die Effizienz unserer Codierung verbessern können?
TopStyle (zum Herunterladen klicken: TopStyle V3.5 Beta 4) ist ein CSS-Bearbeitungstool, das ich zunächst zufällig verwendet und nicht sorgfältig studiert habe. Dann habe ich mir die darin enthaltenen Funktionen genauer angesehen und festgestellt dass seine Funktionen wirklich leistungsstark sind!
Lassen Sie mich hier meine Erfahrungen teilen. Die Tastenkombinationen, die ich beim Bearbeiten von CSS häufig verwende:
Textanmerkung: Umschalt+Strg+M
Nach rechts einrücken: Umschalt+Strg+.
Nach links einrücken: Umschalt+Strg+,
Nächstes CSS: Strg+]
Vorheriges CSS: Strg+[
Farbe auswählen: Umschalt+Strg+C
Kann (Strg+Z) nach dem Speichern nicht rückgängig gemacht werden?
Ändern wir es. Der Optionsort: Optionen – Editor – wählen Sie „Rückgängig machen nach dem Speichern
“, um beispielsweise „!i“ automatisch zu ersetzen und dann eine Leertaste zu drücken. wichtig"
Optionsort: Optionen – Editor – Automatisches Ersetzen Sie können auch selbst eine Verknüpfungseingabe hinzufügen.
Baum-CSS
Haben Sie manchmal das Gefühl, dass zu viel CSS vorhanden ist und das Durchsuchen schwierig ist? TopStyle bietet eine Kurzform, die CSS-Inhalte verbirgt und nur den Selektornamen anzeigt, was sehr praktisch ist.
Optionsort: Optionen – Editor – Regelreduzierung aktivieren
. Die Schaltflächen „W3C CSS Validator“ und „W3C HTML Validator“ im Kontextmenü sind sehr praktisch. Nach der Bearbeitung können Sie mit nur einer davon feststellen, ob die Überprüfung erfolgreich war klicken.
Der folgende Stylesheet-Cleaner empfiehlt dringend TopStyle mit seiner eigenen CSS-Organisationsfunktion. Stilkehrmaschine. Es kann Ihr CSS sehr übersichtlich und standardisiert organisieren. Eine sehr schöne Funktion.
Ort der Option: Extras – Stil Sweeper
-Regeln Bedienfeld „Regeln“: Regelformat Sie können eine einzelne Zeile und mehrere Zeilen für die Anzeige festlegen.
Combine Rules legt fest, ob CSS mit denselben Eigenschaften kombiniert wird.
Selektoren-Auswahlfeld: Selector Case legt die Groß-/Kleinschreibung des Selektors fest.
Die Selektorreihenfolge legt die Sortiermethode der Selektoren fest.
Eigenschaftsfenster: Eigenschaft Groß-/Kleinschreibung legt die Groß-/Kleinschreibung der Eigenschaft fest.
Die Eigenschaftsreihenfolge legt die Reihenfolge der Eigenschaften fest. Eigenschaftsfenster „Abkürzungseigenschaften“ für Kurzschrifteigenschaften: Sie können die Schriftart-, Hintergrund-, Rand- und Abstandseigenschaften abkürzen.
Andere Andere Eigenschaftsfenster:
Farbformat Farbformat: Sie können Hexadezimal, RGB, Farbnamen usw. wählen.
Trotz alledem hoffe ich immer noch, dass TopStyle in der Praxis weiterhin seine CSS-Fähigkeiten verbessern kann!