एक बार हमने अपनी वेबसाइट की संरचना को परिभाषित कर लिया है और विकसित कर लिया है डोम सटीक तरीके से, उसी की शैलियों को परिभाषित करना महत्वपूर्ण है, यह सबसे रचनात्मक क्षेत्र भी है और जिसमें आप अपनी वेबसाइट के अंतिम कोने तक सटीक रूप से अधिक से अधिक डिग्री के साथ अनुकूलित कर सकते हैं। कैस्केडिंग शैली की चादरें सबसे उपयुक्त समाधान हैं, लेकिन उन सभी के लिए जो वेब विकास की दुनिया में अपना पहला प्रवेश कर रहे हैं, ऐसे कुछ सुझाव हैं जिन्हें सर्वोत्तम परिणामों को प्राप्त करने के लिए ध्यान में रखा जाना चाहिए।
एक पवित्रा सामने के छोर के एक पेशेवर परिणाम को प्राप्त करने के लिए, इस तरह के अभ्यास के भीतर कुछ सामान्य पहलुओं जैसे कि आदेश, पठनीयता और सबसे आम त्रुटियों के सुधार को ध्यान में रखना आवश्यक है। मैं नीचे साझा करता हूं पाँच सुझाव बहुत ही बुनियादी लेकिन एक ही समय में हमारे सीएसएस स्टाइल शीट के उपचार और इष्टतम कॉन्फ़िगरेशन के लिए बहुत महत्वपूर्ण है।
अपनी CSS3 स्टाइल शीट में एक प्रभावी ऑर्डर और संरचना स्थापित करना सुनिश्चित करें
मैं हमेशा अपनी स्टाइलशीट को एक पदानुक्रमित क्रम में विभाजित करता हूं। पहली जगह में मैं आमतौर पर सामान्य चयनकर्ताओं को लागू करता हूं और फिर html चयनकर्ताओं की घोषणाओं को जोड़ने के लिए जाता हूं और अंत में कंटेनरों और मामूली तत्वों के आईडी के अंदर काम करने के लिए जाता हूं। मूल रूप से जमीन DOM के तर्क का पालन करें और माता-पिता से बच्चों के साथ शुरू करना। हालाँकि, हम किसी अन्य सूत्र या आदेश का भी पालन कर सकते हैं, उदाहरण के लिए हम अपने चयनकर्ताओं और घोषणाओं को उनके कार्य को ध्यान में रखते हुए समूहित कर सकते हैं। सब कुछ इस बात पर निर्भर करेगा कि हमारी प्राथमिकताएं क्या हैं और हम कैसे काम करने में अधिक सहज महसूस करते हैं।
अपने प्रत्येक चयनकर्ता के लिए स्पष्ट और संक्षिप्त नाम चुनें
कुछ बहुत महत्वपूर्ण है जिसे आपको ध्यान में रखना चाहिए, और वह यह है कि CSS3 ऊपरी और निचले मामलों के अक्षरों के उपयोग में भिन्न है, इसलिए एक पूंजी पत्र के साथ एक शब्द लिखने का मतलब कुछ अलग हो सकता है और त्रुटियों का कारण बन सकता है। सबसे आसान बात यह है कि इस प्रकार की समस्या से बचने के लिए हमेशा निचले अक्षरों का उपयोग करें। भी आज़माएं अपनी कक्षाओं और अपनी आईडी के नाम चुनें जो स्पष्ट रूप से पहचानने योग्य हों और यह कि वे हमें संदेह या त्रुटियों के लिए बाध्य नहीं करते हैं।
स्पष्ट टिप्पणी जोड़ने के लिए मत भूलना
निश्चित रूप से आपको अपनी फ़ाइलों को अन्य लोगों के साथ साझा करने की आवश्यकता है, शायद आपके ग्राहक या आपके कार्य दल के सहयोगी जैसे लेआउट डिजाइनर, अन्य डिजाइनर या डेवलपर्स। इस कारण से संरचना पर ध्यान देना और एक स्वच्छ और व्यवस्थित रूप से समाप्त करना सुनिश्चित करना बहुत महत्वपूर्ण है। स्पष्ट टिप्पणियों से किसी को भी हमारी शैली की शीट तक पहुंचने में मदद मिलेगी कि वे एक नज़र में अपना रास्ता जल्दी से पा सकें। किसी भी प्रकार का अवलोकन जिसे ध्यान में रखा जाना चाहिए यह सामग्री के रूप में प्रकट होना चाहिए। याद रखें कि आप अपनी Html फ़ाइल और अपनी CSS फ़ाइल दोनों में सामग्री शामिल कर सकते हैं और दोनों ही मामलों में वे ऐसी टिप्पणियाँ हैं जो तार्किक रूप से अंतिम परिणाम में परिलक्षित नहीं होंगी और केवल तभी दिखाई देंगी जब उसी का स्रोत कोड एक्सेस किया गया हो ताकि वे बहुत मददगार हो सकता है।
हमेशा अपनी स्टाइल शीट में एक रीसेट लागू करें
प्रत्येक ब्राउज़र की अपनी डिफ़ॉल्ट शैली शीट होती है, इसलिए हमारे पेज को देखे जाने वाले ब्राउज़र के आधार पर किसी भी त्रुटि या परिवर्तन से बचने के लिए, यह बहुत उपयोगी है कि अपनी स्टाइलशीट रीसेट करें। कई विकल्प हैं एरिक मेयर की रीसेट स्टाइलशीट एक बहुत अच्छा विकल्प हो सकता है।
सबसे प्रभावी उपकरण चुनें
ऐसे कई उपकरण हैं जिनका उपयोग आप अपनी वेबसाइट के डिज़ाइन पर काम करते समय यथासंभव कुशल होने के लिए कर सकते हैं। वायरफ्रेम के निर्माण से आपकी साइट की संरचना के विकास के साथ-साथ सभी प्रकार के एप्लिकेशन भी शामिल हैं एडोब फोटोशॉप, इलस्ट्रेटर या पटाखे। आपके पास कई पेशेवर संपादक हैं जो सबसे अधिक अनुशंसित हैं (कम से कम एक मैं उपयोग करता हूं) उदात्त पाठ या, कि असफल, Adobe Dreamweaver चूंकि वे व्यक्तित्व के उच्च डिग्री के साथ-साथ शॉर्टकट की एक प्रणाली के माध्यम से हमारे कोड के साथ काम करने की संभावना के साथ-साथ एक स्वत: पूर्ण प्रणाली के साथ बहुत सरल इंटरफेस प्रदान करते हैं जो हमें उस समय का 70% से अधिक समय बचाने में मदद करेगा जिसका उपयोग हम एक संपादक के साथ करेंगे। पारंपरिक सादे पाठ की।
सलाह के लिए धन्यवाद, मैं डिजाइन के बारे में भावुक हूं और सभी सलाह अच्छी तरह से प्राप्त हुई हैं। बढ़ा चल।
शुक्रिया!