Tipps zur Verwendung von TopStyle Pro

TopStyle Pro ist ein Hilfstool für CSS-Design. Es verfügt über viele Funktionen und verfügt über eine CSS-Code-Prüffunktion, um das Risiko von Schreibfehlern zu verringern. Insbesondere die ausführliche Einführung in die CSS-Anweisungen in der HELP-Datei eignet sich sehr gut als Referenzdokument und zum Lernen für CSS-Neulinge. Lassen Sie uns die Verwendungsfähigkeiten von TopStyle Pro vorstellen:

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

Speichern Wir werden das ändern

das in Zukunft nicht mehr rückgängig gemacht werden kann (Strg+Z)~

Optionsort: Optionen – Editor – Wählen Sie „Rückgängig machen nach dem Speichern aktivieren“

Automatisch ersetzen

Wenn Sie beispielsweise „!i“ eingeben und dann eine Leertaste drücken, ersetzt TopStyle „!i“ automatisch durch „!important“

Optionsort: Optionen-- Editor – Automatisches Ersetzen Sie können auch selbst Verknüpfungseingaben hinzufügen.

Baum-CSS

Manchmal haben Sie das Gefühl, dass zu viel CSS zum Durchsuchen vorhanden ist? TopStyle bietet eine Abkürzung, die den CSS-Inhalt verbirgt und nur den Selektornamen anzeigt ist sehr praktisch.

Optionsort: Optionen – Editor – Regelreduzierung aktivieren Wählen Sie Regelreduzierung aktivieren

Schnelle Überprüfung

W3C CSS Validator im Kontextmenü und The Die W3C-HTML-Validator-Schaltfläche ist sehr praktisch. Nach der Bearbeitung können Sie mit nur einem Klick feststellen, ob die Überprüfung bestanden wurde.

Style Sweeper

Das Folgende ist eine großartige Empfehlung für die integrierte CSS-Organisationsfunktion von TopStyle: Style Sweeper. Es kann Ihr CSS sehr übersichtlich und standardisiert organisieren. Eine sehr schöne Funktion.

Optionsort: Extras – Style Sweeper

Regeln-Regelbereich: Regelformat kann einzeilige und mehrzeilige Anzeige festlegen. Combine Rules legt fest, ob CSS mit denselben Eigenschaften kombiniert wird.

Auswahlfeld für Selektoren: Groß- und Kleinschreibung des Selektors Legen Sie die Groß- und Kleinschreibung des Selektors fest. Selektorreihenfolge legt die Sortiermethode des Selektors fest.

Eigenschaftenfenster „Eigenschaft“: Groß-/Kleinschreibung der Eigenschaft Legen Sie die Groß-/Kleinschreibung der Eigenschaft fest. Die Eigenschaftsreihenfolge legt die Reihenfolge der Eigenschaften fest.

Abkürzungseigenschaftenfeld für Kurzschrifteigenschaften: Sie können die Schriftart-, Hintergrund-, Rand- und Abstandseigenschaften abkürzen.

Andere Andere Attributfelder: Farbformat Farbformat: Hexadezimal, RGB, Farbname usw. können ausgewählt werden.