2010-12-30 4 views
10

मैं अपने सभी सीएसएस गुणों को स्वचालित रूप से व्यवस्थित करने (वर्णानुक्रम से, या किसी भी अन्य स्वीकार्य "मानक") को व्यवस्थित करने का एक तरीका ढूंढ रहा हूं। मैं ड्रीमवेवर में एक विधि पसंद करूंगा, लेकिन मैं इस बिंदु पर कुछ भी ले जाऊंगा!अपने सीएसएस गुणों को स्वचालित रूप से व्यवस्थित या वर्णित करने का सबसे अच्छा टूल क्या है?

उदाहरण:

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

में रूपांतरित हो जाएगा:

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

कि अच्छा नहीं है की अनुमति देता है, सीएसएस व्यापक स्टाइल शीट्स के लिए खड़ा है, कि जिसका अर्थ है आदेश महत्वपूर्ण है –

+1

दिलचस्प सवाल, इस तरह के एक उपकरण के बारे में कभी नहीं सुना! मुझे एक अच्छा स्रोत कोड फॉर्मेटर पता है लेकिन यह तत्वों को सॉर्ट नहीं करता है। @Eric वह अपने आप को गुणों का ऑर्डर करने का मतलब है –

+6

वह चयनकर्ताओं को आदेश देना चाहता है, न कि चयनकर्ता घोषणाओं। – Sandwich

उत्तर

8

इस प्रयास करें:

http://www.cleancss.com/

उपयोग नहीं किया है, लेकिन यह क्या करना है लगता है कि आप का कहना है।

बॉब

6

मैं व्यक्तिगत रूप से इस उपयोगी नहीं मिल रहा है, लेकिन है कि सिर्फ मुझे है। मैं महत्व के आधार पर अपने पदानुक्रम का उपयोग करता हूं, और मैं इसे अपने स्टाइलशीट में लगातार बना रहता हूं। इस संबंध में प्रत्येक व्यक्ति की अलग-अलग प्राथमिकताएं हो सकती हैं। मैं व्यक्तिगत रूप से पैरामीटर, तो आकार और फिर रंग और अन्य पाठ स्वरूपण गुणलेआउट द्वारा किसी भी स्थितीय स्वरूपण पहले, पीछा करना पसंद।

यह मुझे सबसे महत्वपूर्ण गुणों को जल्दी से पहचानने और संपादित करने की अनुमति देता है, जो लेआउट को प्रभावित कर सकते हैं, वे सबसे महत्वपूर्ण हैं।

यहाँ एक संक्षिप्त है:

1. स्थितीय स्वरूपण ऐसे display, position के रूप में ... क्योंकि इस लेआउट को प्रभावित कर सकते बहुत

2. लेआउट ऐसे margin या padding के रूप में ... एक ही ऊपर के रूप में

3. आकार जैसे width, height या font-size ... इसमें लेआउट को प्रभावित करने की क्षमता है।

4. रंग और पाठ स्वरूपण जैसे color, background-color, letter-spacing या text-transform

+2

निश्चित रूप से। यह सच हो सकता। लेकिन मुझे एक ऐसे टूल की ज़रूरत है जो मेरी संपत्तियों का आयोजन करे, भले ही यह एक कस्टम पदानुक्रम हो। हजारों संपत्तियों को हाथ से व्यवस्थित करना बहुत बोझिल है। –

+0

है, समझ लिया प्रतिक्रिया :) – Sandwich

1

CSSTidy एक निष्पादन योग्य है और PHP स्क्रिप्ट आप इस तरह फ़ॉर्मेटिंग परिवर्तन कर उपयोग कर सकते हैं (और साथ ही अनुकूलन)। वास्तव में, cleancss.com कि @rcravens का उल्लेख इस उपकरण पर आधारित है।

18

CSScomb आज़माएं। यह टूल आपके सीएसएस को टाइप करता है और समूह करता है और इसमें विभिन्न प्रकार के कोड संपादकों के लिए प्लगइन हैं। आप इसे online आज़मा सकते हैं।

+1

CSScomb प्लग में Gulp.js https://npmjs.org/package/gulp-csscomb –

+0

@KonstantinTarkus के लिए बहुत बढ़िया के लिए धन्यवाद! –

+0

यह टूल अब 404 लगता है। – Johannes

संबंधित मुद्दे

 संबंधित मुद्दे