सीएसएस के साथ, दस्तावेज़ में पाठ का रंग सेट करना आसान है। यदि आप किसी निश्चित रंग में अपने पृष्ठ पर अनुच्छेदों को प्रस्तुत करना चाहते हैं, तो आप बस निर्दिष्ट करें कि आपकी बाहरी स्टाइल शीट में और ब्राउज़र उस चयनित रंग में आपका टेक्स्ट प्रदर्शित करेगा। तब क्या होता है जब आप पाठ के अनुच्छेद के भीतर केवल एक शब्द (या शायद कुछ शब्द) का रंग बदलना चाहते हैं? इसके लिए, आपको टैग की तरह एक इनलाइन तत्व का उपयोग करने की आवश्यकता होगी।
आखिरकार, एक शब्द के रंग को बदलने या वाक्य के भीतर शब्दों के एक छोटे समूह को सीएसएस का उपयोग करना आसान है, और टैग वैध HTML हैं, इसलिए किसी प्रकार की हैक होने की चिंता न करें। इस दृष्टिकोण के साथ, आप बहिष्कृत टैग और "फ़ॉन्ट" जैसे विशेषताओं का उपयोग करने से भी बचते हैं, जो एक पुराने HTML युग का उत्पाद है।
यह आलेख वेब डेवलपर्स की शुरुआत के लिए है जो एचटीएमएल और सीएसएस के लिए नए हैं। इससे आपको अपने पृष्ठों पर विशिष्ट टेक्स्ट का रंग बदलने के लिए HTML टैग और सीएसएस का उपयोग करने का तरीका सीखने में मदद मिलेगी। ऐसा कहा जा रहा है कि इस विधि में कुछ कमीएं हैं, जिन्हें मैं इस लेख के अंत में कवर करूंगा। अभी के लिए, इस पाठ रंग को बदलने के लिए कदम जानने के लिए पढ़ें! यह बहुत आसान है और इसमें लगभग 2 मिनट लग सकते हैं।
कदम निर्देश द्वारा कदम
- उस वेब पेज को खोलें जिसे आप अपने पसंदीदा टेक्स्ट HTML संपादक में अपडेट करना चाहते हैं। यह एडोब ड्रीमवेवर या नोटपैड, नोटपैड ++, टेक्स्ट एडिट आदि जैसे एक साधारण टेक्स्ट एडिटर जैसे प्रोग्राम हो सकता है।
- दस्तावेज़ में, उन शब्दों का पता लगाएं जिन्हें आप पृष्ठ पर एक अलग रंग में प्रदर्शित करना चाहते हैं। इस ट्यूटोरियल के लिए, कुछ शब्दों का उपयोग करें जो पाठ के बड़े पैराग्राफ के भीतर हैं। वह पाठ thetag जोड़ी के भीतर निहित होगा। दो शब्दों में से एक खोजें जिसका रंग आप संपादित करना चाहते हैं।
- शब्द या शब्द के समूह में पहले अक्षर से पहले अपना कर्सर रखें, जिसे आप रंग बदलना चाहते हैं। याद रखें, अगर आप ड्रीमवेवर जैसे WYSIWYG संपादक का उपयोग कर रहे हैं, तो आप अब "कोड व्यू" रिगथ में काम कर रहे हैं।
- उस वर्ग को लपेटें जिसका रंग हम एक वर्ग विशेषता सहित एक टैग के साथ बदलना चाहते हैं। पूरा अनुच्छेद इस तरह दिखेगा: यह वह पाठ है जो वाक्य में केंद्रित है।
- हमने उस विशिष्ट टेक्स्ट को "हुक" देने के लिए केवल इनलाइन तत्व का उपयोग किया है, जिसे हम सीएसएस में उपयोग कर सकते हैं। हमारा अगला कदम एक नया नियम जोड़ने के लिए हमारी बाहरी सीएसएस फ़ाइल पर कूदना है।
- हमारी सीएसएस फ़ाइल में, चलिए जोड़ें:
- फोकस-टेक्स्ट {
- रंग: # एफ 00;
- }
- यह नियम रंग लाल रंग में प्रदर्शित करने के लिए इनलाइन तत्व सेट करेगा। अगर हमारे पास पिछली शैली थी जो हमारे दस्तावेज़ का टेक्स्ट काला रंग में सेट करती है, तो इनलाइन शैली से स्पैन टेक्स्ट पर ध्यान केंद्रित किया जाएगा और अलग-अलग रंगों के साथ खड़ा होगा। हम इस नियम में अन्य शैलियों को भी जोड़ सकते हैं, शायद पाठ इटालिक्स या बोल्ड को और भी ज़ोर देने के लिए?
- अपना पेज सहेजें
- परिवर्तनों को प्रभावी रूप से देखने के लिए अपने पसंदीदा वेब ब्राउज़र में पृष्ठ का परीक्षण करें ।
- ध्यान दें कि इसके अलावा, कुछ वेब पेशेवर अन्य तत्वों जैसे कि टैग जोड़े का उपयोग करना चुनते हैं। ये टैग विशेष रूप से "बोल्ड" और "इटालिक्स" के लिए उपयोग किए जाते थे, लेकिन उन्हें बहिष्कृत और प्रतिस्थापित किया गया था और। टैग अभी भी आधुनिक ब्राउज़रों में काम करते हैं, हालांकि, कई वेब डेवलपर्स इनलाइन स्टाइल हुक के रूप में उनका उपयोग करते हैं। यह सबसे खराब दृष्टिकोण नहीं है, लेकिन यदि आप किसी भी बहिष्कृत तत्वों से बचना चाहते हैं, तो मैं इस प्रकार की स्टाइल आवश्यकताओं के लिए टैग के साथ चिपके रहने का सुझाव देता हूं।
टिप्स और चीजें देखने के लिए बाहर
हालांकि यह दृष्टिकोण छोटे स्टाइल की ज़रूरतों के लिए ठीक काम करता है, जैसे कि आपको किसी दस्तावेज़ में टेक्स्ट का केवल एक छोटा सा टुकड़ा बदलने की ज़रूरत है, यह जल्दी से नियंत्रण से बाहर हो सकता है। यदि आपको लगता है कि आपका पृष्ठ इनलाइन तत्वों से भरा हुआ है, जिनमें से सभी में आपकी सीएसएस फ़ाइल में अद्वितीय कक्षाएं हैं, तो आप इसे गलत कर रहे हैं, याद रखें, आपके टैग में जितने अधिक टैग हैं, उतना ही कठिन उस पृष्ठ को आगे बढ़ाने के लिए होने की संभावना है। इसके अतिरिक्त, अच्छी वेब टाइपोग्राफी में शायद ही कभी पूरे पृष्ठ में रंग, आदि के कई रूप हैं!