私たちがコーディングするコードは十分に標準化されていないことがよくありますが、このサイトではこれまでに多くのアイデアや経験を提供してきましたが、それでもコードが乱雑になる現象を変えることはできません。今日は CSS コードを再編成するための強力なツール、Styleneat を紹介します。
Styleneat は、CSS セレクター、サブセレクター、プロパティを階層構造に再編成できるため、プログラマーがページ領域を定義し、それらの間の関係を表示することが容易になります。 Styleneat は、CSS プロパティの再編成に役立つ無料のサービスです。
スタイルニートたとえば、次の CSS コードを変換します。
ソースコードの例
[www.downcodes.com] id1 { 幅: 100px }
id1 .class1 { 背景: #000 }
id1 .class1 a { テキスト装飾: なし; カラー: #fff;
id1 .class1 スパン { text-indent: 10px;
id2 { 幅: 200px }
次のように再編成されました。
ソースコードの例
[www.downcodes.com] id1 { 幅: 100px }
id1 .class1 { 背景: #000 }
id1 .class1 a { カラー: #fff; テキスト装飾: なし }
id1 .class1 スパン { text-indent: 10px;
id2 { 幅: 200px }
Styleneat では、次の 3 つの使用方法が提供されます。
ソースコードの例
[www.downcodes.com] 1. CSS コードを直接貼り付けます。
2. CSS ファイルをアップロードします。
3. CSS ファイルの URL アドレスを指定します。
さらに、Styleneat は、CSS の選択に応じたアルファベット順、単一行形式または複数行形式などのいくつかのオプションも提供します。 Styleneat は今でも CSS の最適化に多くの助けを提供します。
http://スタイルニート.com/ 
