फ़ॉन्ट रंग बदलने के लिए CSS का उपयोग कैसे करें

अपनी वेबसाइट को कुछ अलग फ़ॉन्ट रंगों से सजाना चाहते हैं? आप इसे सीएसएस का उपयोग करके कर सकते हैं। CSS कैस्केडिंग स्टाइल शीट्स के लिए है और किसी भी वेबसाइट की शैली बनाने और प्रबंधित करने के लिए उपयोग की जाने वाली डिफ़ॉल्ट भाषा है।

HTML दस्तावेज़ में CSS को लागू करने के तीन तरीके हैं। ये इनलाइन सीएसएस, आंतरिक/एम्बेडेड सीएसएस, और बाहरी सीएसएस हैं।

विधि एक: इनलाइन सीएसएस

CSS में फॉन्ट का रंग बदलने के लिए, आपको एक CSS नियम बनाने की आवश्यकता होगी रंग संपत्ति का मूल्य.

इनलाइन विधि शैली संपत्ति का उपयोग करती है जिसे आप लगभग किसी भी तत्व पर लागू कर सकते हैं। यहां एक उदाहरण दिया गया है जो HTML अनुच्छेद के फ़ॉन्ट रंग को लाल रंग में सेट करता है:

पाठ का पैराग्राफ

आप आंतरिक/एम्बेडेड सीएसएस, या बाहरी सीएसएस का उपयोग करके समान प्रभाव प्राप्त कर सकते हैं।

विधि दो: आंतरिक/एम्बेडेड सीएसएस

आप इस पद्धति का उपयोग तब कर सकते हैं जब आप सीएसएस नियम बनाना चाहते हैं जो एक HTML तत्व के एक से अधिक उदाहरणों को प्रभावित करते हैं लेकिन केवल एक पृष्ठ पर। CSS नियम तब HTML पृष्ठ के शीर्ष में एक शैली तत्व का उपयोग करके लिखे जाते हैं:

विधि तीन: बाहरी सीएसएस

समान प्रभाव प्राप्त करने का तीसरा तरीका बाहरी CSS स्टाइलशीट का उपयोग करना है। टेक्स्ट एडिटर का उपयोग करके, एक्सटेंशन ".css" के साथ एक फाइल बनाएं। इस फ़ाइल को कुछ इस तरह कॉल करना आम बात है स्टाइलशीट.css लेकिन जब तक आप ".css" एक्सटेंशन रखते हैं, तब तक आप इसे कुछ भी नाम दे सकते हैं।

अपने बॉडी टेक्स्ट को हरा रंग देने के लिए, उदाहरण के लिए, बाहरी स्टाइलशीट का उपयोग करके, बस CSS नियम में इस तरह पेस्ट करें:

पी {रंग: नीला}

अपने एचटीएमएल दस्तावेज़ में, आपको एचटीएमएल हेड एलिमेंट में अपनी स्टाइलशीट का लिंक शामिल करना चाहिए:

पाठ का पैराग्राफ

HTML में फ़ॉन्ट रंग बदलना, बिना CSS लागू किए

CSS का उपयोग करना सबसे अच्छा अभ्यास है, लेकिन यहां केवल HTML का उपयोग करके फ़ॉन्ट रंग बदलने का तरीका बताया गया है:

पाठ का पैराग्राफ

फ़ॉन्ट तत्व, इसकी रंग विशेषता के साथ, पदावनत कर दिया गया है। ऐसा इसलिए है क्योंकि वे संरचनात्मक तत्वों के बजाय प्रस्तुतिकरण हैं। आधुनिक HTML में केवल संरचनात्मक तत्व होने चाहिए।

सीएसएस में फ़ॉन्ट रंग बदलना अपेक्षाकृत सरल है

हमने आपको CSS में फॉन्ट का रंग बदलने के तीन तरीके दिखाए हैं। हमने आपको यह भी दिखाया है कि HTML फॉन्ट टैग का उपयोग करके इसे पुराने तरीके से कैसे किया जाता है। उन्हें आज़माएं और देखें कि कौन सा आपके लिए सबसे अच्छा काम करता है!

एक बार जब आप CSS और HTML का उपयोग करके फ़ॉन्ट रंग बदलने में महारत हासिल कर लेते हैं, तो आप HTML में फ़ॉन्ट आकार बदलने में महारत हासिल कर सकते हैं।

CSS में HTML फॉन्ट साइज कैसे बदलें

आगे पढ़िए

लेखक के बारे में