यदि आप सीएसएस शैलियों HTML पृष्ठों से परिचित हैं, तो आप स्वरूपण की अवधारणा की सराहना करेंगे। एक्सएमएल मार्कअप भाषा की शुरुआत में, डेटा प्रदर्शित करना थोड़ा जटिल था, लेकिन स्टाइल शीट के साथ बदल गया।
स्टाइल शीट संदर्भ जोड़कर, आप अपने एक्सएमएल कोड को वेब पेज के रूप में प्रारूपित और प्रदर्शित कर सकते हैं। सीएसएस या कुछ अन्य प्रारूपण के बिना, एक्सएमएल एक त्रुटि के साथ मूल पाठ के रूप में प्रकट होता है जिसमें कहा गया है कि ब्राउज़र को स्वरूपण दस्तावेज़ नहीं मिला।
एक्सएमएल स्टाइलिंग उदाहरण
एक साधारण स्टाइल शीट केवल आवश्यक है कि आप डेटा को प्रदर्शित करने के लिए आवश्यक तत्व और स्वरूपण विशेषताओं को सूचीबद्ध करें।
कोड का यह बिट प्रोसेसर को बताता है कि कौन से तत्व प्रदर्शित होते हैं और उन्हें वेब पेज पर कैसे दिखना चाहिए, इस तरह:
नमूना {पृष्ठभूमि-रंग: #ffffff; चौड़ाई: 100%;} mymessage {प्रदर्शन: ब्लॉक; पृष्ठभूमि रंग: # 99 99 99; मार्जिन-तल: 30pt;} शरीर {फ़ॉन्ट आकार: 50%}स्वरूपण फ़ाइल की पहली पंक्ति मूल तत्व है। रूट के लिए गुण पूरे पृष्ठ पर लागू होते हैं, लेकिन आप उन्हें प्रत्येक टैग के लिए बदलते हैं। इसका मतलब है कि आप पृष्ठ के लिए पृष्ठभूमि रंग और फिर प्रत्येक अनुभाग के लिए नामित कर सकते हैं।
इस फ़ाइल को अपनी एक्सएमएल फ़ाइल के समान निर्देशिका में सहेजें, और सुनिश्चित करें कि इसमें .CSS फ़ाइल एक्सटेंशन है।
एक्सएमएल से सीएसएस से लिंक करें
इस बिंदु पर, ये दो अलग-अलग दस्तावेज हैं। प्रोसेसर को कोई जानकारी नहीं है कि आप चाहते हैं कि वे एक वेब पेज बनाने के लिए मिलकर काम करें।
आप XML दस्तावेज़ के शीर्ष पर एक कथन जोड़कर इसे ठीक कर सकते हैं जो सीएसएस फ़ाइल के पथ की पहचान करता है। बयान सीधे प्रारंभिक एक्सएमएल घोषणा विवरण के तहत चला जाता है, जैसे:
इस उदाहरण में, सीएसएस फ़ाइल को product.css कहा जाता है , यही कारण है कि इसे XML दस्तावेज़ में लेबल किया गया है। उस सीएसएस फ़ाइल के लिए जो भी फ़ाइल नाम आपने चुना है उसे बदलें।