O código que codificamos muitas vezes não é padronizado o suficiente. Embora este site tenha fornecido muitas ideias e experiências antes, ele ainda não consegue mudar o fenômeno do código confuso. Hoje vou apresentar a vocês uma ferramenta poderosa para reorganizar código CSS - Styleneat.
Styleneat pode reorganizar seletores, subseletores e propriedades CSS em uma estrutura hierárquica, tornando mais fácil para os programadores definirem áreas de página e visualizarem os relacionamentos entre elas. Styleneat é um serviço gratuito que ajuda você a reorganizar suas propriedades CSS.
Estilo limpo Por exemplo, ele converterá o seguinte código CSS
Exemplo de código-fonte
[www.downcodes.com] id1 {largura: 100px;
id1 .class1 { background: #000 }
id1 .class1 a {decoração de texto: nenhuma cor: #fff }
id1 .class1 a span {recuo de texto: 10px;
id2 {largura: 200px;
Reorganizado em:
Exemplo de código-fonte
[www.downcodes.com] id1 {largura: 100px;
id1 .class1 { background: #000 }
id1 .class1 a { cor: #fff; decoração de texto: nenhum;
id1 .class1 a span {recuo de texto: 10px;
id2 {largura: 200px;
Styleneat oferece três maneiras de usar:
Exemplo de código-fonte
[www.downcodes.com] 1. Cole o código CSS diretamente.
2. Carregue um arquivo CSS.
3. Forneça o endereço URL do arquivo CSS.
Além disso, Styleneat também oferece algumas opções, como ordem alfabética de acordo com a seleção CSS, formato de linha única ou formato multilinha, etc. Styleneat ainda fornece muita ajuda na otimização de CSS.
http://styleneat.com/ 
