ايس ايس ڊي سان اسٽائل ايڪس ايم دستاويز

پنهنجو ايڪس ايم ايل ڏسيو ته ڪيئن توهان چاهيندا ته ڪاساسنگنگ انداز شيٽ سان

ايڪس ايم ايل دستاويز ٺاهڻ، ڊي ڊي ڊي لکي، ۽ اهو برائوزر سان ان کي صاف ڪرڻ تمام سٺي آهي، پر توهان ڪھڙو دستاويز ڊسپلي ڪندا آهيو؟ ايڪس ايم ايل ڊسپلي جي ٻولي ناهي. حقيقت ۾، ايڪس ايم ايل سان لکيل دستاويز سڀني کي ڪا به شڪل نه هوندي.

پوء، منهنجي XML کي ڪيئن ڏسو؟

ايڪس ايم ايل کي ڏسڻ لاء ڪو برائوزر ۾ ڪاسسلنگ انداز واري شيشي آهي. اسڪرپٽ شيٽ توهان کي توهان جي XML دستاويزن جي هر پسمن کي بيان ڪرڻ جي اجازت ڏئي ٿو، توهان جي ٽيڪسٽ جي سائيز ۽ رنگن جي توهان جي غير متن واري شين جي پس منظر ۽ پوزيشن ڏانهن.

چوندا آهن توهان وٽ هڪ XML دستاويز آهي:

<؟ xml version = "1.0" اسٽيولون = "ها"> ]> <خانداني> جوڊي <والدين> ڪيڊئر <ٻار> جينفر <ٻار> برنان

جيڪڏهن توهان هن دستاويز کي ايڪس ايم ايل تيار برائوزر ۾ ڏسي رهيا هئاسين، جهڙوڪ انٽرنيٽ ايڪسپلورر، اهو هن طرح ڪجهه ڏيکاري ها:

جوڊي ليڊارد جينيفر برڊن

پر ڇا توهان کي والدين ۽ ٻارڙن عناصر جي وچ ۾ فرق ڪرڻ چاهيندو آهي؟ يا دستاويز جي سڀني عناصرن جي وچ ۾ هڪ بصري فرق پيدا ڪريو. توھان سان گڏ اي ايم ايل سان نٿو ڪري سگھجي، ۽ اھو ھڪڙو ٻولي نه آھي جيڪو ظاھر لاء استعمال ڪرڻ جو مطلب آھي.

پر خوش قسمت، اهو هڪ برائوزر ۾ ڏٺو ويو آهي ته توهان کي اهي دستاويزون ۽ ايپليڪيشنون ڊسپلي ڪرڻ چاهيو ٿا ته وضاحت ڪرڻ لاء ڪاسڪنگنگ انداز شيٽ يا سي ايس ايل، XML دستاويزن ۾ استعمال ڪرڻ آسان آهي. مٿي ڏنل دستاويزن لاء، توهان هڪ ئي دستاويز جو هڪ طريقيڪار جي سڃاڻپ ڪري سگهو ٿا.

مثال طور، HTML ۾ توهان پيراگراف ٽڪرين (

) ۾ سڀني متنن جي وضاحت ڪرڻ چاهيندو آهي. فانٽ منهن ويڊنا، جينوفا، يا هيليٽيڪا ۽ پس منظر رنگ سائيز سان. انهي جي وضاحت ڪرڻ لاء هڪ اسلوب شيٽ ۾، جيئن ته اهي سڀئي پيراگرافون آهن، جيڪي توهان لکي سگهندا آهيون:

p {فائيل-ڪٽنب: ورهين، جينويو، هاروويڪا؛ پس منظر-رنگ: # 00ff00؛ }

ساڳئي قاعدن سان XML دستاويزن لاء ڪم. ايڪس ايم ايل ۾ هر ٽيڪس ايڪس ايم ايل دستاويزن ۾ وضاحت ڪري سگهجي ٿي.

خاندان {رنگ: # 000000؛ } والدين {فٽ-فيم: ايريري ڪارو؛ رنگ: # ff0000؛ سرحد: 5px لڳل؛ چوٿون: 300px؛ } ٻار {فون-ڪٽنب: ورڇاڻ، هاڻوڪو؛ رنگ: # cc0000؛ سرحد: 5px لڳل؛ سرحد جا رنگ: # cc0000؛ }

هڪ دفعو توهان وٽ پنهنجو XML دستاويز آهي ۽ توهان جو ٺاهيل شيٽ لکيل آهي، توهان کي انهن کي گڏ ڪرڻ جي ضرورت آهي. ساڳئي طرح HTML ۾ لنڪ آرڊر سان، توهان پنهنجي XML دستاويزن (مٿي XML جو بيان هيٺ ڏنل) جي مٿان رکي سگهو ٿا. مثال طور:

<؟ xml-stylesheet قسم = "ٽيڪسٽ / سي ايس" href = "stylesheet.css"؟>

جيئن مون مٿي ڄاڻايل آهي، هن لڪير کي XML دستاويز ۾ جي بيان هيٺ ڏنل هجي پر ڪنهن به عناصرن کان اڳ.

ان کي گڏجي گڏ ڪري، توهان جي XML دستاويز پڙهي سگهندي:

<؟ xml version = "1.0" اسٽائيل = "ها"> <؟ xml-stylesheet type = "ٽيڪسٽ / سي ايس" href = "stylesheet.css"؟> < ! ٻاراڻي ٻار (#PCDATA)>]> ڪومين والدين> جوڊي والدين> Layard ٻار جي جينفر <ٻارن> برنان