Vous pensez peut-être que le Bloc-notes n'est pas le meilleur lors de l'écriture de CSS. Existe-t-il des outils d'édition CSS qui peuvent améliorer l'efficacité de notre codage ?
TopStyle (cliquez pour télécharger : TopStyle V3.5 Beta 4) est un outil d'édition CSS que j'utilise au début. Je l'ai utilisé au hasard et je ne l'ai pas étudié attentivement, mais j'ai ensuite examiné de plus près les fonctions qu'il contient. que ses fonctions sont vraiment puissantes !
Permettez-moi de partager mon expérience ici. Les touches de raccourci que j'utilise couramment lors de l'édition de CSS :
Annotation de texte : Maj+Ctrl+M.
Retrait à droite : Maj+Ctrl+.
Retrait à gauche : Maj+Ctrl+,
CSS suivant : Ctrl+]
CSS précédent : Ctrl+[
Sélectionnez la couleur : Maj+Ctrl+C
Impossible d'annuler (Ctrl+Z) après l'enregistrement ?
Modifions-le. L'emplacement de l'option : Options--Éditeur--sélectionnez Activer l'annulation après l'enregistrement
pour 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 un raccourci vous-même.
Arbre CSS
Avez-vous parfois l'impression qu'il y a trop de CSS et qu'il est difficile de naviguer ? TopStyle fournit un formulaire abrégé qui masque le contenu CSS et affiche uniquement le nom du sélecteur, ce qui est très pratique.
Emplacement de l'option : Options--Éditeur--Réduction des règles Sélectionnez Activer la réduction des règles
pour une vérification rapide. Les boutons W3C CSS Validator et W3C HTML Validator dans le menu contextuel sont très pratiques. Après l'édition, vous pouvez savoir si la vérification a réussi avec un seul. cliquez.
Le nettoyeur de feuilles de style ci-dessous recommande fortement TopStyle avec sa propre fonction d'organisation CSS. Balayeuse de style. 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 -
Règles de style Sweeper Panneau des règles : Format de règle Vous pouvez définir une seule ligne et plusieurs lignes à afficher.
Combine Rules définit si les CSS avec les mêmes propriétés seront combinés.
Panneau de sélection des sélecteurs : Selector Case définit la casse du sélecteur.
L’ordre des sélecteurs définit la méthode de tri des sélecteurs.
Panneau Propriété : Propriété Case définit la casse 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 abrégées : vous pouvez choisir d'abréger les propriétés de police, d'arrière-plan, de marge et de remplissage.
Autres Autres panneaux de propriétés :
Format de couleur Format de couleur : vous pouvez choisir hexadécimal, RVB, nom de couleur, etc.
Cela dit, j'espère toujours que tout le monde pourra continuer à améliorer ses capacités CSS dans la pratique. TopStyle est une bonne aide !