बाहरी स्टाइल शीट्स और एंबेडेड सीएसएस स्टाइल शीट्स
कुछ चीजें हैं जो बाहरी स्टाइल शीट को एम्बेडेड स्टाइल शीट से अलग बनाती हैं।

एंबेडेड स्टाइल शीट
पिछले ट्यूटोरियल में आपने एंबेडेड सीएसएस स्टाइल शीट के उदाहरण देखे और आपने सीखा कि एंबेडेड स्टाइल शीट के लिए बेसिक सीएसएस कोड टैग के साथ शुरू और समाप्त होता है। इन टैग के अंदर सीएसएस कोड होता है जो प्रत्येक चयनकर्ता (एस) और उसके संबंधित संपत्ति-मूल्य जोड़े से बना होता है। अंत में एम्बेडेड स्टाइल को आपके वेबपेज के हेड सेक्शन में रखा गया है।

उदाहरण



बाहरी शैली की चादरें
बाहरी शैली की चादरें थोड़ी अलग हैं, क्योंकि उनके पास शुरुआत और समाप्ति टैग नहीं हैं। वास्तव में, आपके पास टिप्पणियों और @import स्टेटमेंट को छोड़कर कोई भी HTML टैग नहीं हो सकता है। यह मूल रूप से एक पाठ फ़ाइल है जिसमें केवल सीएसएस कोड होता है।

उदाहरण
शरीर {पृष्ठभूमि-रंग: #ffffff}

p {फ़ॉन्ट-आकार: 12pt; रंग: # 000000; पाठ-संरेखण: केंद्र}

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

आपके द्वारा आपको बाहरी स्टाइल शीट बनाने के बाद, आप किसी भी वेबपेज पर या तो टैग या @import स्टेटमेंट को हेड सेक्शन में उपयोग कर सकते हैं।





वीडियो निर्देश: सीएसएस ट्यूटोरियल के लिए शुरुआती 06 - बाहरी स्टाइल शीट (मई 2024).