Le style de programmation est comme la personnalité d'une personne. Différents programmeurs (concepteurs) ont souvent des styles d'écriture différents. Un bon style est plus facile à accepter pour les autres. En prenant les thèmes WordPress comme exemple, nous préférerons peut-être utiliser des fichiers de thème avec un bon style de code et correspondant à nos goûts. Et que faisons-nous lorsque nous devons étudier ces fichiers CSS compliqués et difficiles à lire ? Vous pouvez utiliser "Styleneat" pour réorganiser et créer des sélecteurs, sous-sélecteurs et propriétés CSS selon une structure en cascade, rendant ainsi le fichier CSS plus ordonné et plus lisible. Il est plus facile de définir des mises en page et de voir les relations entre les différentes structures.
Le service de réorganisation du format de structure de fichiers CSS "
Styleneat " peut réorganiser les fichiers CSS avec des styles d'écriture désordonnés en une structure en cascade pour faciliter votre lecture et vos recherches.
Vous pouvez l'utiliser de trois manières différentes : 1. Collez le code directement ; 2. Téléchargez le fichier CSS 3. Saisissez l'adresse du fichier CSS ; Il existe également quelques paramètres d'options : tri par ordre alphabétique par propriétés et sélecteurs CSS ; réorganisation du format CSS importé sur plusieurs lignes ou sur une seule ligne ;
Jetons un coup d'œil à l'effet de l'utilisation :
Code d'origine :
Exemple de code source
[www.downcodes.com]
#barre de menus .menus {
arrière-plan :#E9EEF1 ;
flotteur : gauche ;
remplissage : 0 10 px ;
}
#menubar .menus li {
flotteur : gauche ;
style de bordure : solide ;
couleur de la bordure :#FFF ;
largeur de bordure : 0 1px ;
marge gauche : -1px ;
type de style de liste : aucun ;
}
#menubar .menus li a { display:block;text-decoration:none;padding:5px 10px;}
#menubar .menus li a:hover {
arrière-plan :#EEDDCC ;
type de style de liste : aucun ;
}
#menubar .menus .current_page_item {
arrière-plan :#FFF ;
poids de la police : gras ;
}
#menubar .menus li.current_page_item a:hover {
arrière-plan :#FFF ;
}
Code restructuré :
Exemple de code source
[www.downcodes.com]
#barre de menus .menus {
arrière-plan :#E9EEF1 ;
flotteur : gauche ;
remplissage :0 10px ;
#menubar .menus li {
flotteur : gauche ;
style de bordure : solide ;
couleur de la bordure : #FFF ;
largeur de bordure : 0 1px ;
marge gauche : -1px ;
type de style de liste : aucun ;
#menubar .menus li a {
affichage:bloc;
décoration de texte : aucune ;
remplissage : 5 px 10 px ;
#menubar .menus li a:hover {
arrière-plan :#EEDDCC ;
type de style de liste : aucun ;
#menubar .menus .current_page_item {
arrière-plan :#FFF ;
poids de la police : gras ;
#menubar .menus li.current_page_item a:hover { background:#FFF }