ویب دستاویزات میں سی ایس ایس کی وراثت کیسے کام کرتا ہے

سی ایس ایس کے ساتھ ایک ویب سائٹ کو اسٹائل کا ایک اہم حصہ ورثہ کی تصور کو سمجھا جاتا ہے.

استعمال ہونے والی جائیداد کی طرز کی طرف سے سی ایس ایس کی وراثت خود کار طریقے سے بیان کی جاتی ہے. جب آپ سٹائل کی جائیداد کی پس منظر کا رنگ دیکھتے ہیں، تو آپ "جغرافیائی" عنوان کا حصہ دیکھیں گے. اگر آپ سب سے زیادہ ویب ڈیزائنر پسند ہیں تو، آپ نے اس سیکشن کو نظر انداز کیا ہے، لیکن یہ ایک مقصد کی خدمت کرتا ہے.

سی ایس ایس کی وراثت کیا ہے؟

ایچ ٹی ایم ایل دستاویز میں ہر عنصر ایک درخت کا حصہ ہے اور ابتدائی عنصر کے علاوہ ہر عنصر ہے جس میں والدین عنصر ہے جس سے اس کی پابندی ہوتی ہے. اس کے والدین عنصر پر جو بھی شیلیوں کو لاگو کیا جاتا ہے اس میں ضم عناصر پر لاگو کیا جاسکتا ہے.

مثال کے طور پر، ذیل میں اس ایچ ٹی ایم ایل کوڈ میں ایک ایم ٹی ٹی کو منسلک H1 ٹیگ ہے:

یہ بگ ہیڈر لائن ہے

EM عنصر H1 عنصر کا ایک بچہ ہے، اور H1 پر کسی بھی شیلیوں جو وراثت ملتی ہے اس کے ساتھ ساتھ EM متن میں بھیجا جائے گا. مثال کے طور پر:

H1 {فونٹ سائز: 2em؛ }

چونکہ فونٹ سائز کی جائیداد وراثت ہے، جس کا متن "بگ" (جو ایم ایم ٹیگ کے اندر اندر کیا ہوا ہے) کا کہنا ہے کہ باقی H1 کے طور پر ایک ہی سائز ہو گا. یہ اس وجہ سے ہے کہ یہ سی ایس ایس کی جائیداد میں قدر کی قیمت کا وارث ہے.

سی ایس ایس کی وراثت کا استعمال کیسے کریں

اس کا استعمال کرنے کا سب سے آسان طریقہ سی ایس ایس کی خصوصیات کے ساتھ واقف بننا ہے جو وراثت نہیں ہیں. اگر جائیداد وراثت ہو تو، آپ کو معلوم ہے کہ دستاویز میں ہر بچے کے عنصر کے لئے قیمت بھی باقی رہیں گے.

اس کا استعمال کرنے کا بہترین طریقہ یہ ہے کہ آپ کی بنیادی شیلیوں کو ایک اعلی سطح پر عنصر پر، جیسے ہی بائڈی مقرر کریں. اگر آپ اپنے فونٹ-فیملی کو جسم کی جائیداد پر مقرر کرتے ہیں، تو، ورثہ کی شکر گزار، پورے دستاویز کو وہی فونٹ-خاندان رکھے گا. یہ اصل میں چھوٹے سائلڈ شیٹس کے لئے بنائے گا جو انتظام کرنے میں آسان ہے کیونکہ مجموعی شیلیوں میں کم ہیں. مثال کے طور پر:

جسم {فونٹ فیملی: ایریری، سنس سیرف؛ }

آئیرشیٹ ہالی ووڈ ویلیو کا استعمال کریں

ہر سی ایس ایس پراپرٹی میں ممکنہ اختیار کے طور پر "وارث" کی قیمت شامل ہے. یہ ویب براؤزر بتاتا ہے، کہ اگر جائیداد عام طور پر وراثت نہيں پایا جائے تو اس کے پاس والدین کی ایک ہی قیمت ہونا چاہئے. اگر آپ ایک سٹائل مقرر کرتے ہیں جیسے ایک مارجن جس سے وراثت نہیں ہے، آپ وارث قیمت کو بعد میں اپنی خصوصیات میں والدین کے طور پر ایک ہی مارجن دینے کے لئے استعمال کرسکتے ہیں. مثال کے طور پر:

جسم {مارجن: 1em؛ } p {مارجن: ورثہ؛ }

جغرافیائی اقدار کا استعمال کیا جاتا ہے

یہ وراثت اقدار کے لئے اہم ہے جیسے فونٹ کے سائز کی لمبائی کا استعمال کرتے ہیں. ایک مرکب قیمت ایک ایسی قدر ہے جو ویب صفحہ پر کسی اور قدر سے متعلق ہے.

اگر آپ اپنے جسمانی عنصر پر 1em کے فونٹ سائز مقرر کرتے ہیں، تو آپ کا پورا صفحہ سائز میں صرف 1 منٹ نہیں ہوگا. یہ اس وجہ سے ہے کہ عناصر عنوانات (H1-H6) اور دیگر عناصر (بعض براؤزرز کو ٹیبل کی خصوصیات کے ساتھ مختلف کرتے ہیں) ویب براؤزر میں ایک نسبتا سائز رکھتے ہیں. دیگر فونٹ سائز کی معلومات کی غیر موجودگی میں، ویب براؤزر ہمیشہ H1 کے صفحے پر سب سے بڑا متن، اس کے بعد H2 اور اسی طرح کی تشکیل دے گا. جب آپ اپنے جسم کو کسی خاص فونٹ کے سائز میں مقرر کرتے ہیں، تو یہ "اوسط" فونٹ سائز کے طور پر استعمال کیا جاتا ہے، اور عنوان کے عناصر اس سے شمار ہوتے ہیں.

وراثت اور پس منظر کی خصوصیات کے بارے میں ایک نوٹ

وہاں موجود ایک ایسی شیلیوں ہیں جو درج ذیل میں موجود ہیں CSS3 میں W3C پر وراثت، لیکن ویب براؤزر اب بھی اقدار کی وراثت رکھتے ہیں. مثال کے طور پر، اگر آپ مندرجہ ذیل ایچ ٹی ایم ایل اور سی ایس ایس لکھتے ہیں:

<سٹائل کی قسم = "ٹیکسٹ / سی ایس ایس"> H1 {پس منظر کا رنگ: پیلے رنگ؛ }

یہ ایک بگ ہیڈر لائن ہے

اگرچہ "بگ" لفظ ابھی تک پیلے رنگ کے پس منظر میں ہوتا ہے، اگرچہ پس منظر کا رنگ کی جائیداد وراثت نہیں ہے. یہ ہے کیونکہ پس منظر کی جائیداد کی ابتدائی قیمت "شفاف" ہے. لہذا آپ پر پس منظر کا رنگ نہیں دیکھ رہے ہیں بلکہ اس رنگ کے ذریعے

والدین سے چمک رہا ہے.