Qual è lo strumento migliore per organizzare o alfabetizzare automaticamente le proprietà CSS?

Sto cercando un modo per organizzare automaticamente (alfabeticamente o con qualsiasi altro "standard" accettato) tutte le mie proprietà CSS. Preferirei un metodo in Dreamweaver, ma a questo punto prenderò qualcosa!Qual è lo strumento migliore per organizzare o alfabetizzare automaticamente le proprietà CSS?

Esempio:

.div-name { 
padding: 5px; 
width: 300px; 
margin: 10px; 
color: #000; 
}

sarebbe convertito:

.div-name { 
color: #000; 
margin: 10px; 
padding: 5px; 
width: 300px; 
}

fonte

2010-12-30 Joshua Sortino

che non va bene, CSS sta per fogli di stile CSS, il che significa che il l'ordine è importante –

Interessante domanda, mai sentito parlare di un tale strumento! Conosco un buon formattatore di codice sorgente ma non ordina gli elementi. @Eric lui significa ordinare le proprietà stesse –

Lui vuole ordinare le proprietà, non le dichiarazioni dei selettori. – Sandwich

Prova questo:

http://www.cleancss.com/

Non ho usato, ma sembra di fare quello che dire.

Bob

fonte

2010-12-30 21:37:12 rcravens

Io personalmente non trovare questo utile, ma questo è solo me. Uso la mia gerarchia in base all'importanza e mantengo questa coerenza in tutti i miei fogli di stile. Ogni persona può avere preferenze diverse riguardo a questo. Personalmente mi piace fare qualsiasi formattazione posizionale primo, seguito da il layout parametri, quindi dimensionamento e poi colori ed altre proprietà di formattazione del testo .

Questo mi consente di identificare e modificare rapidamente le proprietà più importanti, quelle che possono influire sul layout sono per me le più importanti.

Ecco un riassunto:

1. formattazione posizionale come display, position ... perché questo può influenzare notevolmente il layout

2. disposizione come margin o padding ... come sopra

3. dimensionamento come width, height o font-size ... questo ha la capacità di influenzare il layout.

4. colore e formattazione del testo come color, background-color, letter-spacing o text-transform

fonte

2010-12-30 21:37:26 Sandwich

Sicuro. Potrebbe essere vero. Ma ho bisogno di uno strumento che organizza le mie proprietà, anche se si tratta di una gerarchia personalizzata. È molto complicato organizzare a mano migliaia di proprietà. –

Capito, grazie per la risposta :) – Sandwich

CSSTidy è un eseguibile e script PHP è possibile utilizzare per apportare modifiche di formattazione come questo (così come ottimizzazioni). Infatti, cleancss.com che @rcravens menzionato è "basato su" questo strumento.

fonte

2010-12-30 21:48:38 bdukes

Prova CSScomb. Questo strumento ordina e raggruppa i tuoi css e ha plugin per un'ampia varietà di editor di codice. Puoi provarlo online.

fonte

2012-07-20 08:08:52

Plug-in CSScomb per Gulp.js https://npmjs.org/package/gulp-csscomb –

@KonstantinTarkus Impressionante! –

Questo strumento sembra ora 404. – Johannes