HTML 5 में सीएसएस एम्बेड करें - कि यह कैसे किया जाता है
आप HTML 5 में CSS को आसानी से एकीकृत कर सकते हैं। क्योंकि यदि आप अपने HTML और XML डॉक्यूमेंट्स को अधिक आकर्षक बनाना चाहते हैं, तो कैस्केडिंग स्टाइल शीट्स (CSS) एक अच्छा विकल्प है। स्वरूपण भाषा आपको अपनी वेबसाइटों को नेत्रहीन रूप से बढ़ाने के लिए कई विकल्प प्रदान करती है। CSS 5 को HTML 5 में एकीकृत करने के मूल रूप से तीन अलग-अलग तरीके हैं। हम आपको इस व्यावहारिक टिप में दिखाएंगे।
HTML 5 में CSS: Option 1 - आउटसोर्स CSS फ़ाइल
पहला विकल्प सीएसएस को एक अलग फाइल में स्थानांतरित करना है। यह कई फायदे प्रदान करता है: स्टाइलशीट न केवल एक पृष्ठ को प्रभावित करती है, बल्कि प्रत्येक HTML5 पृष्ठ में स्वचालित रूप से उपयोग की जाती है। मुख्य लाभ केंद्रीय प्रशासन है। आप सभी पृष्ठों पर परिवर्तनों को जल्दी से लागू कर सकते हैं। HTML 5 में CSS फ़ाइल कैसे एम्बेड करें:
- एक नई CSS फ़ाइल बनाएं।
- सिर क्षेत्र में, अपनी सीएसएस फ़ाइल देखें। इस मामले में फ़ाइल का नाम style.css था - लेकिन नामकरण निश्चित रूप से व्यक्तिगत है:
- आपको वेब सर्वर की मुख्य निर्देशिका में style.css फ़ाइल को सहेजना चाहिए।
- आपने अपनी CSS फ़ाइल को HTML 5 में सफलतापूर्वक एकीकृत कर लिया है।
अपनी HTML 5 फ़ाइल की शुरुआत में सीएसएस
यदि आप एक आउटसोर्स सीएसएस फ़ाइल नहीं बनाना चाहते हैं, तो आप अपने HTML 5 दस्तावेज़ के हेडर में सीएसएस गुण भी सेट कर सकते हैं। ये तब केवल इस HTML 5 फ़ाइल को प्रभावित करते हैं, सभी HTML 5 पृष्ठों के लिए नहीं।
- अपना HTML 5 डॉक्यूमेंट खोलें
- सिर क्षेत्र में निम्नलिखित कमांड डालें:
- अब वांछित गुणों को परिभाषित करें: यह हो सकता है, उदाहरण के लिए, शीर्षकों का आकार, पाठ का रंग आदि। इसके लिए परिचित CSS कमांड का उपयोग करें।
- के साथ गुण दर्ज करने के बाद कमांड को बंद करें।
- निर्दिष्ट गुण इस HTML 5 दस्तावेज़ के लिए अपनाए जाते हैं।
CSS इनलाइन शैली: सीधे कमांड का उपयोग करें
HTML 5 में CSS को एकीकृत करने का अंतिम तरीका इनलाइन शैली है। इसका मतलब है कि आप अपने आदेश सीधे स्रोत कोड में दर्ज करते हैं।
- उस बिंदु पर जाएं जहां आप ग्राफिक डिस्प्ले बदलना चाहते हैं।
- सीधे CSS कमांड दर्ज करें। उदाहरण के लिए, यह इस तरह दिख सकता है:
एक नीली सबहडिंग
- संपत्ति केवल इस आदेश के लिए उपयोग की जाती है।