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