Der Code, den wir programmieren, ist oft nicht standardisiert genug. Obwohl diese Website bereits viele Ideen und Erfahrungen geliefert hat, kann sie das Phänomen des unordentlichen Codes immer noch nicht ändern. Heute stelle ich Ihnen ein leistungsstarkes Tool zum Reorganisieren von CSS-Code vor – Styleneat.
Styleneat kann CSS-Selektoren, Unterselektoren und Eigenschaften in einer hierarchischen Struktur neu organisieren, wodurch es für Programmierer einfacher wird, Seitenbereiche zu definieren und die Beziehungen zwischen ihnen anzuzeigen. Styleneat ist ein kostenloser Dienst, der Ihnen bei der Neuorganisation Ihrer CSS-Eigenschaften hilft.
Stilvoll Beispielsweise wird der folgende CSS-Code konvertiert
Beispiel-Quellcode
[www.downcodes.com] id1 {Breite: 100px};
id1 .class1 {Hintergrund: #000;
id1 .class1 a { text-decoration: none; color: #fff }
id1 .class1 a span { text-indent: 10px }
id2 {Breite: 200px};
Neu organisiert in:
Beispiel-Quellcode
[www.downcodes.com] id1 {Breite: 100px};
id1 .class1 {Hintergrund: #000;
id1 .class1 a { color: #fff; text-decoration: none }
id1 .class1 a span { text-indent: 10px }
id2 {Breite: 200px};
Styleneat bietet drei Verwendungsmöglichkeiten:
Beispiel-Quellcode
[www.downcodes.com] 1. Fügen Sie den CSS-Code direkt ein.
2. Laden Sie eine CSS-Datei hoch.
3. Geben Sie die URL-Adresse der CSS-Datei an.
Darüber hinaus bietet Styleneat auch einige Optionen, wie etwa alphabetische Reihenfolge nach CSS-Auswahl, einzeiliges Format oder mehrzeiliges Format usw. Styleneat bietet immer noch viel Hilfe bei der CSS-Optimierung.
http://styleneat.com/