మీరు CSS శైలులను HTML పుటలు ఎలా తెలిసి ఉంటే, మీరు ఫార్మాటింగ్ భావన అభినందించే. XML మార్కప్ లాంగ్వేజ్ ప్రారంభంలో, డేటాను ప్రదర్శించడం ఒక బిట్ సంక్లిష్టంగా ఉంది, కాని ఇది శైలి షీట్లతో మార్చబడింది.
శైలి షీట్ సూచనను జోడించడం ద్వారా, మీ XML కోడ్ను వెబ్ పేజీగా ఫార్మాట్ చెయ్యవచ్చు మరియు ప్రదర్శించవచ్చు. CSS లేదా కొన్ని ఇతర ఆకృతీకరణ లేకుండా, XML ఒక ప్రాథమిక డాక్యుమెంట్గా కనిపించే లోపంతో బ్రౌసర్ ఒక ఫార్మాటింగ్ డాక్యుమెంట్ను కనుగొనలేక పోతుంది.
XML స్టైలింగ్ ఉదాహరణ
ఒక సాధారణ స్టైల్ షీట్ మాత్రమే మీరు మూలకం మరియు డేటాను ప్రదర్శించడానికి అవసరమైన ఫార్మాటింగ్ లక్షణాలను జాబితా చేయాలి.
కోడ్ యొక్క ఈ బిట్, ఈ అంశాలని ప్రదర్శించే ప్రాసెసర్ మరియు వారు ఇలా ఎలా వెబ్ పేజీలో కనిపించాలి అని తెలుపుతుంది:
నమూనా {background-color: #ffffff; width: 100%;} mymessage {display: block; నేపథ్య రంగు: # 999999; margin-bottom: 30pt;} body {font-size: 50%}ఫార్మాటింగ్ ఫైల్ యొక్క మొదటి పంక్తి రూట్ మూలకం. రూట్ కోసం గుణాలు మొత్తం పేజీలో వర్తిస్తాయి, కానీ మీరు వాటిని ప్రతి ట్యాగ్కు మార్చండి. దీని అర్థం మీరు ప్రతి విభాగానికి పేజీ కోసం నేపథ్య రంగుని మరియు మళ్లీ కేటాయించవచ్చు.
మీ XML ఫైల్ వలె అదే డైరెక్టరీకి ఈ ఫైల్ను సేవ్ చేయండి మరియు అది CSS ఫైల్ పొడిగింపును కలిగి ఉందని నిర్ధారించుకోండి.
XML నుండి CSS లింక్
ఈ సమయంలో, ఇవి రెండు పూర్తిగా ప్రత్యేకమైన పత్రాలు. ప్రాసెసర్ వారికి వెబ్ పేజీని రూపొందించడానికి కలిసి పని చేయాలని మీరు కోరుకునే ఆలోచన లేదు.
మీరు CSS ఫైల్కు మార్గాన్ని గుర్తిస్తున్న XML డాక్యుమెంట్ ఎగువకు ఒక ప్రకటనను జోడించడం ద్వారా దీనిని పరిష్కరించవచ్చు. ఈ ప్రకటన నేరుగా ప్రారంభ XML ప్రకటన ప్రకటన క్రింద వస్తుంది:
xml version = "1.0" ఎన్కోడింగ్ = "UTF-8"?> xml- స్టైల్షీట్ రకం = "టెక్స్ట్ / css" href = "products.css"?>ఈ ఉదాహరణలో, CSS ఫైల్ను product.css అని పిలుస్తారు, ఇది XML డాక్యుమెంట్లో అటువంటి పేరు పెట్టబడింది. మీరు CSS ఫైల్ కోసం ఎంచుకున్న ఫైల్ పేరుకు మార్చండి.