अच्छी टाइपोग्राफिक डिजाइन एक सफल वेबसाइट का एक महत्वपूर्ण हिस्सा है। सीएसएस आपको आपके द्वारा बनाए गए वेब पृष्ठों पर टेक्स्ट की उपस्थिति पर बहुत अधिक नियंत्रण देता है। इसमें आपके द्वारा उपयोग किए जाने वाले किसी भी फ़ॉन्ट का रंग बदलने की क्षमता शामिल है।
नीचे, हम एक बाहरी स्टाइल शीट और एक अनुच्छेद टैग में उपयोग की जाने वाली शैली का उपयोग करके फ़ॉन्ट रंग बदलना देखेंगे। आप पाठ के चारों ओर वाले किसी भी टैग पर फ़ॉन्ट रंग बदलने के लिए एक ही स्टाइल प्रॉपर्टी को लागू कर सकते हैं टैग।
फ़ॉन्ट रंग बदलने के लिए शैलियों को जोड़ना
इस उदाहरण के लिए, आपको उस दस्तावेज़ से जुड़े सीएसएस परिवर्तन और एक अलग सीएसएस फ़ाइल देखने के लिए एक HTML दस्तावेज़ होना चाहिए। हम विशेष रूप से पैराग्राफ तत्व को देखने जा रहे हैं।
अपनी HTML फ़ाइल में प्रत्येक पैराग्राफ के लिए टेक्स्ट रंग बदलने के लिए, बाहरी स्टाइल शीट पर जाएं और टाइप करें पी {}। इसे रखो रंग स्टाइल में संपत्ति के बाद एक कोलन, जैसे पी {रंग:}। फिर, संपत्ति के बाद अपना रंग मान जोड़ें, इसे अर्धविराम से समाप्त करें: पी {रंग: काला;}.
रंग मान रंग कीवर्ड, आरजीबी रंग संख्या, या हेक्साडेसिमल रंग संख्या के रूप में व्यक्त किया जा सकता है। हमारे उदाहरण में, अनुच्छेद पाठ रंग काला में बदल दिया गया है।
हालांकि, यदि आप रंगीन कीवर्ड का उपयोग करके टेक्स्ट रंग को हरे, नीले, लाल, आदि में बदलना चाहते हैं, तो आपको लचीलापन नहीं मिलेगा जो आप अलग-अलग रंगों को बनाना चाहते हैं। यही वह जगह है जहां हेक्साडेसिमल मान खेलने के लिए आते हैं।
पी {रंग: # 000000; }
इस सीएसएस शैली का उपयोग आपके अनुच्छेदों को काला रंग देने के लिए किया जा सकता है क्योंकि हेक्स कोड # 000000 काला में अनुवाद करता है। आप उस हेक्स वैल्यू के साथ शॉर्टेंड का भी उपयोग कर सकते हैं और इसे उसी परिणाम के साथ # 000 के रूप में लिख सकते हैं। पी {रंग: # 2 एफ 5687; }
जैसा कि हमने उपर्युक्त उल्लेख किया है, हेक्स मान अच्छी तरह से काम करते हैं जब आपको ऐसे रंग की आवश्यकता होती है जो कि काला या सफेद न हो। उपरोक्त सीएसएस हेक्स वैल्यू पैराग्राफ को नीले रंग में सेट करेगा, लेकिन कीवर्ड "ब्लू" के विपरीत, यह हेक्स कोड आपको इस मामले में नीली, एक मध्य दूरी, स्लेट-नीले नीले रंग की एक बहुत ही विशिष्ट छाया सेट करने की क्षमता देता है। । पी {रंग: आरजीबीए (47,86,135,1); }
अंत में, आप फ़ॉन्ट रंगों के लिए आरजीबीए रंग मानों का भी उपयोग कर सकते हैं। आरजीसीए सभी आधुनिक ब्राउज़रों में समर्थित है, इसलिए आप इन मानों का आत्मविश्वास से उपयोग कर सकते हैं कि यह अधिकतर दर्शकों के लिए काम करेगा, लेकिन आप एक आसान फॉलबैक भी सेट कर सकते हैं। यह आरजीबीए मान पहले निर्दिष्ट स्लेट नीले रंग के समान है। पहले तीन मान लाल, हरे, और नीले मानों को सेट करते हैं और अंतिम संख्या पारदर्शिता के लिए अल्फा सेटिंग होती है। अल्फा सेटिंग 100 प्रतिशत के लिए 1 पर सेट है, इसलिए इस रंग में कोई पारदर्शिता नहीं है। यदि आप उस मान को दशमलव संख्या पर सेट करते हैं, जैसे .85, यह 85 प्रतिशत अस्पष्टता का अनुवाद करता है और रंग थोड़ा पारदर्शी होगा। पी { रंग: # 2 एफ 5687; रंग: आरजीबीए (47,86,135,1);}
यदि आप अपने रंग मूल्यों को बुलेटप्रूफ करना चाहते हैं, तो ऊपर दिए गए सीएसएस कोड की नकल करें। यह वाक्यविन्यास पहले हेक्स कोड सेट करता है और फिर उस मान को आरजीबीए संख्या के साथ ओवरराइट करता है। इसका मतलब है कि आरजीबीए का समर्थन नहीं करने वाला कोई भी पुराना ब्राउज़र पहला मान प्राप्त करेगा और दूसरे को अनदेखा करेगा। फ़ॉन्ट रंग को बाहरी स्टाइल शीट, एक आंतरिक स्टाइल शीट, या HTML दस्तावेज़ के भीतर इनलाइन स्टाइल के साथ बदला जा सकता है। हालांकि, सर्वोत्तम प्रथाओं का निर्देश है कि आपको अपनी सीएसएस शैलियों के लिए बाहरी स्टाइल शीट का उपयोग करना चाहिए। एक आंतरिक स्टाइल शीट, जो आपके दस्तावेज़ के "सिर" में सीधे लिखी गई शैलियों हैं, आमतौर पर केवल छोटी, एक-पेज वाली वेबसाइटों के लिए उपयोग की जाती हैं। इनलाइन शैलियों से बचा जाना चाहिए क्योंकि वे पुराने "फ़ॉन्ट" टैग के समान हैं जिन्हें हमने कई साल पहले निपटाया था। इन इनलाइन शैलियों फ़ॉन्ट शैली का प्रबंधन करना बहुत कठिन बनाते हैं क्योंकि आपको इनलाइन शैली के हर उदाहरण में उन्हें बदलना होगा। एक HTML पृष्ठ शैली बनाने के अन्य तरीके
