سی ایس ایس سلیکٹر، اور فارمیٹنگ HTML دستاویز میں اس کے کردار

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

سی ایس ایس میں سلیکٹرز کی قسم

جس چیز کی طرف عنصر HTML فارمیٹ لاگو کیا جاتا ہے پر منحصر ہے، سی ایس ایس سلیکٹر مندرجہ ذیل گروپوں میں سے ایک سے تعلق ہو سکتا ہے:

• ٹیگ سلیکٹر؛
• کلاس سلیکٹر؛
• ID-سلیکٹر؛
• سلیکٹر منسوب.

ٹیگ سلیکٹر

یہ بھی "قسم سلیکٹر" یا "عنصر" کہا جاتا ہے، یہ سب سے زیادہ سادہ اور عام ہے. ان سی ایس ایس دستاویز کے طور پر جس میں ہم وضاحت HTML فائل کے عناصر، کے نام یہ ہیں. مثلا، ہم پیراگراف سٹائل قائم کرنے کے لئے کی ضرورت ہے تو، ہم خصوصیات اور عنصر P {پس منظر کے لئے ان کی اقدار کی وضاحت: X؛ رنگ: Y؛ سائز: Z}. اس صورت میں، ویب کے صفحے کے تمام پیرا اسی شکل پڑے گا (پس منظر کا رنگ، متن کا سائز، اور اسی طرح کی. D.).

کلاس سلیکٹر

اور آپ کی ضرورت ہے تو کیا پوچھیں کرنے کے لئے آپ کی ہر پیراگراف سے دوسرے شیلیوں سے مختلف ہے؟ ایسا کرنے کے لئے ایک کلاس سلیکٹر نہیں ہے.

p.first {رنگ: اس معاملے میں سی ایس ایس دستاویز مندرجہ ذیل فارم کے ایک اندراج پر مشتمل ہو گی X؛ فونٹ سائز: Y}. اس طرح، ہم "رنگ" اور "سائز" صرف پہلی کلاس پیراگراف کے لئے کی خصوصیات کی وضاحت.

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

سلیکٹر ID

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

پھر ایک HTML دستاویز میں ہیڈر H1 شناخت کنندہ، اس طرح articlename بتائے. #articlename {رنگ:: اور سی ایس ایس فائل میں، ID نام کے grille میں اضافہ، سٹائل کی وضاحت نیلے؛ متن سیدھ: مرکز}. اب ہماری شہ سرخی کا رنگ نیلا اور مرکوز ہوگا.

مندرجہ بالا اقسام میں سے ہر "ایک سادہ سی ایس ایس سلیکٹر" کے طور پر بیان کیا جا سکتا ہے. انہوں HTML-دستاویز کی ایک خاص پیرامیٹر کے لئے فارمیٹنگ کی وضاحت: ایک دوسرے کے ساتھ اسی طرح کے عناصر (مثلا، تمام مضمون کے پیراگراف)، ایک کلاس (مثلا، صرف پہلے پیراگراف) یا ایک مخصوص شے (مثال کے طور پر، مضمون کا عنوان).

سلیکٹرز منسوب

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

• وصف کی موجودگی کی طرف سے؛
• اس کے عین مطابق قیمت میں؛
• جزوی وصف کی قدر کی طرف سے؛
• اس کی مخصوص قیمت پر.

ہمیں ان پرجاتیوں میں سے ہر ایک پر غور کرتے ہیں:

1. پہلا کیس. فارمیٹنگ، اطلاق ہوتا ہے ایک مخصوص وصف HTML کوڈ میں موجود ہے اگر (یہ ایک P، DIV، ہیڈر، وغیرہ ہو سکتے ہیں). اگر ایسا نہیں ہے تو، اس سٹائل کے تمام عناصر کے لیے ایک عام استعمال کرتا ہے. مثال کے طور پر، عنوان رکھنے عناصر کے لیے (آلے ٹپ).
2. دوسری صورت. سٹائل صرف ایچ ٹی ایم ایل-عناصر وصف اقدار کی ایک عین مطابق مماثلت ہے کہ لاگو ہوتا ہے. مثال کے طور پر، ان پٹ عناصر، قسم وصف کی قدر کو جمع کرانے کے برابر ہے جہاں.
3. تیسری صورت. فارمیٹ کے تحت ایک خاص لفظ ہے کہ اقدار کی فہرست میں اشیاء شامل ہیں گے. مثال کے طور پر عناصر div کے لئے سائڈبار وصف "کلاس".
4. چوتھی صورت. انداز صرف جن کی خاص وصف ایک خاص اہمیت کی حامل ہے ایچ ٹی ایم ایل-دستاویز کے ان عناصر کے لئے وضاحت کی گئی ہے، اور اس کے ساتھ شروع ہوتی ہے کر رہا ہے. مثال کے طور پر، تمام عناصر کو مخصوص رنگ کے استعمال جس کی انگریزی زبان وصف (EN، EN-RUS، این او اور ٹی ڈی ہو سکتی ہیں).

اس طرح، ایک یا ایک سے دوسرے، سی ایس ایس سلیکٹر کا استعمال کرتے ہوئے کی طرف سے، بہترین ایک پورے ویب صفحہ کے طور پر وضاحت کی اور اس کے عناصر میں سے کچھ کی وضاحت کیا جا سکتا.