Le code que nous codons n'est souvent pas suffisamment standardisé. Bien que ce site ait déjà fourni de nombreuses idées et expériences, il ne peut toujours pas changer le phénomène du code désordonné. Aujourd'hui, je vais vous présenter un outil puissant pour réorganiser le code CSS - Styleneat.
Styleneat peut réorganiser les sélecteurs, sous-sélecteurs et propriétés CSS dans une structure hiérarchique, permettant aux programmeurs de définir plus facilement les zones de page et d'afficher les relations entre elles. Styleneat est un service gratuit qui vous aide à réorganiser vos propriétés CSS.
Style soigné Par exemple, il convertira le code CSS suivant
Exemple de code source
[www.downcodes.com] id1 {largeur : 100 px ;
id1 .class1 { arrière-plan : #000 }
id1 .class1 a { text-decoration : aucun ; couleur : #fff }
id1 .class1 une étendue { text-indent : 10px ;
id2 {largeur : 200 px ;
Réorganisé en :
Exemple de code source
[www.downcodes.com] id1 {largeur : 100 px ;
id1 .class1 { arrière-plan : #000 }
id1 .class1 a { couleur : #fff ; décoration de texte : aucun } ;
id1 .class1 une étendue { text-indent : 10px ;
id2 {largeur : 200 px ;
Styleneat propose trois façons d’utiliser :
Exemple de code source
[www.downcodes.com] 1. Collez directement le code CSS.
2. Téléchargez un fichier CSS.
3. Fournissez l'adresse URL du fichier CSS.
De plus, Styleneat propose également quelques options, comme l'ordre alphabétique selon la sélection CSS, le format monoligne ou multiligne, etc. Styleneat fournit toujours beaucoup d'aide pour l'optimisation CSS.
http://styleneat.com/