Fonction de cet outil
CSS Formatter comprend les règles, les déclarations et les règles at via le plugin d'analyse PostCSS de Prettier. Il ne gère pas les accolades avec un simple remplacement de caractères, il peut donc faire la distinction entre les chaînes, les commentaires, calc() et les valeurs de propriétés personnalisées.
- Prend en charge les CSS modernes courants, les requêtes multimédias et les images clés.
- Formate uniquement le texte et n'injecte pas de styles dans la page actuelle.
- Une syntaxe invalide affichera une erreur d'analyseur.
Mode d’emploi
- Collez le CSS.
- Sélectionnez la largeur du retrait.
- Cliquez sur "Formater CSS".
- Copiez ou téléchargez formatted.css.
Utilisations courantes
- Nettoyez les feuilles de style sur une seule ligne ou difficiles à lire.
- Unifiez le format d’extrait de code d’équipe.
- Aide à observer les requêtes multimédias imbriquées et les structures d'animation.
Fonctionnalités de CSS Formatter
Analysez et embellissez les sélecteurs CSS, les déclarations, les requêtes multimédias, les images clés et les propriétés personnalisées. Il convient aux scénarios quotidiens de développement, de débogage, de tri des données et d’optimisation du code. Les résultats du traitement peuvent être directement visualisés, copiés ou téléchargés.
FAQ
Les propriétés personnalisées seront-elles divisées de manière incorrecte ?
L'analyseur comprend le contexte de déclaration CSS et gère correctement les valeurs --custom-property courantes.
Le formatage modifiera-t-il l'effet du sélecteur ?
Le but est de changer uniquement la mise en page ; cependant, il est recommandé de conserver les fichiers sources et de tester le projet avant de le traiter avec un outil automatisé.
Le CSS sera-t-il appliqué à cette page ?
Non. L’entrée et la sortie restent dans des zones de texte.