سی ایس ایس سلیکٹر کلاس اور آئی ڈی میں کیا فرق ہے؟ HTML میں id اور کلاس کا استعمال

سی ایس ایس سلیکٹر کلاس اور آئی ڈی میں کیا فرق ہے؟ HTML میں id اور کلاس کا استعمال

چن ویلیانگفی الحال عملدرآمدSEO، سائٹ کو بہتر بنائیںWordPressخیالیہ.

اگرچہ میں نے پہلے بھی کچھ بنیادی ایچ ٹی ایم ایل اور سی ایس ایس کا علم سیکھا ہے، لیکن میں نے اسے کچھ عرصے سے آپریٹ نہیں کیا، خاص طور پر سی ایس ایس کے حصے کا استعمال، اسے بھولنا آسان ہے۔

لہذا، CSS سلیکٹر آئی ڈی اور کلاس کے فرق اور استعمال کو یہاں ریکارڈ اور خلاصہ کریں:

• id #div سے مساوی ہے۔
• کلاس .div سے مساوی ہے۔

آئی ڈی اور کلاس کے درمیان فرق

آئی ڈی کی تفصیل

• id ایک فکسڈ ٹیگ ہے، جو ویب پیج میں بڑے اسٹائل کی وضاحت کے لیے استعمال ہوتا ہے، جس کی وضاحت #div کی شکل میں ہوتی ہے۔
• مثال کے طور پر: کالموں کو تقسیم کرنا، اوپر، جسم، نیچے، وغیرہ...
• یہ ایک مخصوص عنصر کی وضاحت کے لیے استعمال ہوتا ہے، جو فی صفحہ صرف ایک بار ظاہر ہو سکتا ہے اور اسے بار بار نہیں کہا جا سکتا۔

کلاس کی تفصیل

• کلاس ایک اسٹائل گروپ ہے، جسے ویب پیج میں تفصیلی اسٹائلز کی وضاحت کے لیے استعمال کیا جاتا ہے۔ اسے .div کی شکل میں بیان کیا جاتا ہے اور اسے دہرایا جاسکتا ہے۔
• مثال کے طور پر: ایک مخصوص مینو، متن کی ایک لائن، وغیرہ...
• ایک ہی صفحہ پر، اسے متعدد عناصر کے ذریعے بار بار پکارا جا سکتا ہے۔

div سلیکٹر کی بذات خود کوئی خاصیت نہیں ہے۔ اس کے سی ایس ایس کی وضاحت کر کے، یہ کچھ لے آؤٹ کو کنٹرول کرتا ہے جیسے کہ div کی چوڑائی، اونچائی، پس منظر کا رنگ اور متن کا سائز۔

جنرلای کامرسویب سائٹ،ایک اسٹیشن بنائیںپروگرام کے ذریعہ تیار کردہ html ویب صفحہ CSS کے ذریعے صفحہ کی ترتیب کو محسوس کرنا ہے۔

سلیکٹر کیا ہے؟

ہر سی ایس ایس طرز کی تعریف 2 حصوں پر مشتمل ہے:

选择器 {样式}

• {} سے پہلے کا حصہ "سلیکٹر" ہے۔
• "سلیکٹر" {} کے "اسٹائل" کی نشاندہی کرتا ہے جس پر یہ کام کرتا ہے۔
• یعنی یہ "اسٹائل" ویب پیج کے کس عنصر پر کام کرتا ہے؟

کوڈ کی مثال

یہاں کلاس = "سائیڈ بار" عنصر کو منتخب کرنے اور اسٹائل کرنے کا طریقہ ہے:

.sidebar
{ 
background-color:black;
}

id="footer" کے ساتھ کسی عنصر کو منتخب اور اسٹائل کرنے کا طریقہ یہاں ہے:

#footer
{ 
background-color:black;
}