ڪئين سي ايس جي ورڇ ۾ دستاويزن ڪيئن ڪم

سي ايس سان گڏ ويب سائيٽ کي اسٽائل جو هڪ اهم حصو وراثت جي تصور کي سمجهڻ آهي.

سي ايس جي ورثي کي خودڪار طور تي استعمال ٿيل ملڪيت جي انداز سان بيان ڪيل آهي. جڏهن توهان انداز جي ملڪيت جي پس منظر واري رنگ کي نظر انداز ڪندا، توهان کي "وارثيت" جي عنوان سان هڪ حصي نظر ايندو. جيڪڏهن توهان گهڻا ويب ڊزائنر وانگر آهيو، توهان انهيء حصي کي نظر انداز ڪيو آهي، پر اهو هڪ مقصد جي خدمت ڪندو آهي.

ڇا سي ايس پي جي ورڇ آهي؟

HTML عنصر ۾ هر عنصر هڪ وڻ جو هر حصو آهي ۽ هر عنصر ان کان سواء شروعاتي عنصر ان جي والدين جو عنصر آهي جيڪو ان سان ڳنڍيل آهي. باقي هر قسم جي طرز لاڳو ٿيل آهي ته والدين عنصر ان ۾ ڳنڍيل عناصر تي استعمال ڪري سگھجن ٿيون، خاصيتون ملڪيت وراثت وارا هجن.

مثال طور، هيٺ ڏنل HTML ڪوڊ هڪ ايم ٽيگ تي ڳنڍيل هڪ H1 ٽيگ آهي.

هي هڪ بگ هيڊ لائن آهي

اي ايم عنصر H1 عنصر جو ٻار آهي، ۽ هر قسم جي H1 تي وراثت سان ايم اي لکڻيون تي گذري ويندي. مثال طور:

h1 {فائيل سائيز: 2em؛ }

جيئن ته فٽ جي قيمت ملڪيت وارث آهي، اهو لفظ "بگ" جو لفظ آهي، جيڪو اي ايم ٽيگ سان ڳنڍيل آهي، اهو H1 باقي آهي. اهو ئي سبب آهي ته اها سي ايس جي ملڪيت جي قيمت واري قيمت وارث آهي.

سي ايس آئيس وراثت کي ڪيئن استعمال ڪجي

ان کي استعمال ڪرڻ جو آسان طريقو سي ايس جي ملڪيت سان واقف ٿي وڃي ٿو ۽ ان کي وارث نه آهي. جيڪڏهن ملڪيت وراثت آهي، ته پوء توهان ڄاڻو ٿا ته قيمت هر ٻاراڻي عنصر لاء دستاويز ۾ ساڳيا رهندو.

اهو استعمال ڪرڻ جو بهترين طريقو توهان جي بنيادي اندازن کي هڪ تمام اعلي سطح جي عنصر تي ڏيڻ لاء آهي، جهڙوڪ BODY. جيڪڏهن توهان پنهنجي فونٽ-ڪٽنب جسم جي ملڪيت تي سيٽ ڪريو، پوء، وراثت جي مهرباني، سڄو دستاويز انهي ساڳئي فانٽ-خاندان تي رکيو ويندو. اهو اصل ۾ ننڍا ننڍين طرز جي لاء ٺاهيندو جيڪو انهي کي منظم ڪرڻ ۾ آسان آهن ڇاڪاڻ ته گهٽ مجموعي طرزن ۾ گهٽ هونديون آهن. مثال طور:

جسم {font-family: Arial، san-serif؛ }

ڪنيري اسلوب ويليو استعمال ڪريو

هر سي ايس ملڪيت ۾ ممڪن اختيار طور "وارث" جو قدر شامل آهي. اهو ٻڌائي ٿو ته ويب برائوزر ٻڌائي ٿو، جيتوڻيڪ جيڪڏهن ملڪيت عام طور تي وراثت نه ٿي سگهندي، ان کي والدين وانگر ساڳيو قدر هجڻ گهرجي. جيڪڏهن توهان هڪ انداز جو اندازو لڳايو آهي ته ان جي حاڪمن جو وارث نه آهي، توهان انهن ملڪيتن تي ورثي واري قيمت استعمال ڪري سگهو ٿا ته اهي ساڳئي حاڪم کي والدين وانگر ڏيندين. مثال طور:

جسم {margin: 1em؛ } p {حاڪم: وارث؛ }

انعام جي مجموعي قيمت کي استعمال ڪندو آهي

هي وارثن جي قيمتن جهڙوڪ فانٽ سائيز وانگر ڊيگهه استعمال ٿيندو آهي. ھڪڙي قيمتي قدر ھڪ قدر آھي جيڪو ويب پيج تي ڪجھ ٻيو قدر سان تعلق رکي ٿو.

جيڪڏهن توهان پنهنجي BODY عنصر تي 1em جي فائيل سائيز سيٽ ڪيو ٿا، توهان جي سڀني صفحي کي سڀني سائيز ۾ صرف 1em نه هوندي. اهو ئي سبب آهي ته عنوانات (H1-H6) ۽ ٻين عناصر جهڙوڪ (ڪجهه برائوزرز ٽيبل جي ملڪيت مختلف سان گڏ هوندا آهن) جي ويب برائوزر ۾ هڪ نسبتا سائيز آهي. ٻئي فائيل سائيز جي معلومات جي غير موجودگي ۾، ويب برائوزر هميشه صفحن جي H1 کي مٿين سڀني ٽيڪنالاجي هوندي، بعد ۾ H2 ۽ پوء. جڏهن توهان پنهنجي BODY عنصر کي مخصوص فونٽ جي ماپ تي مقرر ڪيو ٿا، ته اهو "اوسط" فين سائيز جي طور تي استعمال ڪيو ويندو آهي ۽ مٿيون عناصر انهي مان ٺهيل آهن.

هڪ نوٽ وراثت ۽ پس منظر جي ملڪيت بابت

هتي اهڙا ڪيترائي قسم آهن جيڪي فهرست ڏنل سي ڊي 2 ۾ W3C تي وارث نه آهن، پر ويب برائوزر اڃا تائين قدر وارث آهن. مثال طور، جيڪڏهن توهان هيٺين HTML ۽ سي ايس لکي لکيو آهي:

<طرز قسم = "ٽيڪسٽ / سي ايس"> h1 {پس منظر رنگ: ڦڪو؛ }

ھي ھڪ بگ سرنگ آھي

لفظ "بگ" اڃا تائين پيڙا پس منظر هجي ها، جيتوڻيڪ پس منظر جي رنگ ملڪيت وراثت ۾ نه هجڻ گهرجي. اهو ئي سبب آهي ته پس منظر ملڪيت جي شروعاتي قيمت "شفاف" آهي. پوء توهان تي پس منظر رنگ ڏسڻ نه ٿا چاهيو پر بلڪه رنگ هن جي

والدين مان چمڪندڙ آهي.