Conseils d'utilisation de TopStyle Pro

TopStyle Pro est un outil auxiliaire axé sur la conception CSS. Il possède de nombreuses fonctions et est livré avec une fonction de vérification du code CSS pour réduire les risques d'erreurs d'écriture. En particulier, l'introduction détaillée des instructions CSS dans son fichier HELP est très appropriée pour être utilisée comme document de référence et pour l'apprentissage par les personnes novices en CSS. Présentons les compétences d'utilisation de TopStyle Pro :

Annotation de texte : Maj+Ctrl+M

Retrait à droite : Maj+Ctrl+.

Retrait à gauche :Maj +Ctrl+,

CSS suivant:Ctrl+]

CSS précédent:Ctrl+[

Sélectionner la couleur:Maj+Ctrl+C

Enregistrer Nous allons modifier la

qui ne pourra plus être annulé (Ctrl+Z) à l'avenir~

Emplacement de l'option : Options--Éditeur--Sélectionnez Activer l'annulation après l'enregistrement

Remplacer automatiquement

Par exemple, si vous tapez "!i" puis appuyez sur un espace, TopStyle remplacera automatiquement "!i" par "!important"

Emplacement de l'option : Options-- Éditeur - Remplacement automatique Vous pouvez également ajouter vous-même une entrée de raccourci.

Arbre CSS

Parfois vous avez l'impression qu'il y a trop de CSS à parcourir ? TopStyle fournit une abréviation qui masque le contenu CSS et affiche uniquement le nom du sélecteur. est très pratique.

Emplacement de l'option : Options--Éditeur--Réduction des règles Sélectionnez Activer la réduction des règles

Vérification rapide

Validateur CSS W3C dans le menu contextuel et L' Le bouton W3C HTML Validator est très pratique. Après l'édition, vous pouvez savoir s'il a réussi la vérification en un seul clic.

Style Sweeper

Ce qui suit est une grande recommandation pour la fonction d'organisation CSS intégrée de TopStyle : Style Sweeper. Il peut organiser votre CSS de manière très soignée et standardisée. Une fonctionnalité très intéressante.

Emplacement de l'option : Outils - Style Sweeper

Règles Panneau des règles : Le format de règle peut définir l'affichage sur une seule ligne et sur plusieurs lignes. Combine Rules définit si les CSS avec les mêmes propriétés seront combinés.

Panneau de sélection des sélecteurs : Case du sélecteur Définissez la casse du sélecteur. L'ordre du sélecteur définit la méthode de tri du sélecteur.

Panneau des propriétés de la propriété : Cas de propriété Définissez le cas de la propriété. L'ordre des propriétés définit l'ordre des propriétés.

Panneau de propriétés d'abréviation des propriétés de raccourci : vous pouvez choisir d'abréger les propriétés de police, d'arrière-plan, de marge et de remplissage.

Autres Autres panneaux d'attributs : Format de couleur Format de couleur : vous pouvez choisir hexadécimal, RVB, nom de couleur, etc.