CSS सँग कसरी XML प्रयोग गर्ने?

यदि तपाईं सीएसएस शैली एचटीएमएल पृष्ठहरू कसरी परिचित हुनुहुन्छ भने, तपाईं ढाँचाको अवधारणाको प्रशंसा गर्नेछौं। एक्सएमएल मार्कअपअप भाषाको शुरुआतमा, डाटा प्रदर्शन गर्दा केही जटिल थियो, तर यसले शैली पानाहरूसँग परिवर्तन गर्यो।

एक शैली पाना सन्दर्भ थपेर, तपाईं आफ्नो XML कोड वेब पृष्ठको रूपमा ढाँचा र प्रदर्शन गर्न सक्नुहुन्छ। सीएसएस वा केहि अन्य स्वरूपण बिना, एक्सएमएल त्रुटिको आधारमा आधारभूत पाठको रूपमा देखा पर्दछ जसले बताउँछ कि ब्राउजरले ढाँचा कागजात फेला पार्न सकेन।

XML स्टाइलिंग उदाहरण

साधारण शैली पाना मात्र आवश्यक छ कि तपाइँ डेटा प्रदर्शन गर्न आवश्यक तत्व र ढाँचा विशेषताहरू सूचीबद्ध गर्नुहोस्।

यो बिटको कोडले प्रोसेसरलाई बताउँछ जुन तत्वहरू प्रदर्शन गर्न र वेब पृष्ठमा कसरी हेर्छन्, जस्तै:

नमूना {पृष्ठभूमि रंग: #ffffff; चौडाई: 100%;} mymessage {प्रदर्शन: ब्लक; पृष्ठभूमि रंग: # 9 9999 9; margin-bottom: 30pt;} शरीर {फन्ट-साइज: 50%}

ढाँचा फाइलको पहिलो रेखा मूल तत्व हो। मूलको लागि विशेषता सम्पूर्ण पृष्ठमा लागू हुन्छ, तर तपाईले तिनीहरूलाई प्रत्येक ट्यागको लागि परिवर्तन गर्नुहुन्छ। यसको अर्थ तपाईंले पृष्ठको लागि पृष्ठभूमि रङ नाम र फेरि प्रत्येक खण्डको लागि नामकरण गर्न सक्नुहुन्छ।

यो फाईल त्यहि डाइरेक्टरीमा तपाईंको XML फाइलको रूपमा बचत गर्नुहोस्, र निश्चित गर्नुहोस् कि यो सँगको .एसएसएस फाइल एक्सटेन्सन।

XML बाट CSS को लिङ्क

यस बिन्दुमा यी दुई पूर्ण कागजातहरू छन्। प्रोसेसरले तपाईंलाई कुनै वेब पेज सिर्जना गर्न एकसाथ काम गर्न चाहानु पर्दैन।

तपाईले XML कागजातको शीर्षमा एक कथन जोडेर यो फिक्स गर्न सक्नुहुन्छ जुन CSS फाईलमा पथ पहिचान गर्दछ। कथन प्रत्यक्ष रूपमा प्रारम्भिक XML घोषणा विवरणको रूपमा चलाउँछ, जस्तै:

>

यस उदाहरणमा, सीएसएस फाईल product.css भनिन्छ, जुन किन यो XML कागजातमा लेबल गरिएको छ। तपाईले जोएसएसएस फाइलको लागि छनौट गर्ने कुनै पनि फाइललाई परिवर्तन गर्नुहोस्।