سی ایس ایس میں ان لائن شیلیوں کے فوائد اور ڈوب بیک

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

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

ایک ان لائن انداز کو کیسے لکھتے ہیں

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

پس منظر: #ccc؛ رنگ: #fff؛ سرحد: ٹھوس سیاہ 1px؛

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

اس مثال میں، یہ خاص پیراگراف ایک ہلکے بھوری رنگ کے پس منظر کے ساتھ ظاہر ہوتا ہے (جو #ccc پیش کرے گا)، سیاہ متن (000 رنگ سے)، اور پیراگراف کے تمام چار اطراف کے ارد گرد 1 پکسل ٹھوس سیاہ سرحد کے ساتھ .

ان لائن سٹائل کے فوائد

Cascading Style Sheet Inline Styles کے کیڑوں کے لئے شکریہ ایک دستاویز میں سب سے زیادہ اعلی مثال یا وضاحت ہے. اس کا مطلب یہ ہے کہ وہ آپ کے بیرونی شیلیوں شیٹ میں کوئی اور بات نہیں کی جاتی ہے اس سے کوئی فرق نہیں پڑتا ہے (ایک استثنی کے ساتھ جس میں کسی قسم کی شیلیوں کی جاتی ہے! اہم اعلان ہے کہ شیٹ، لیکن یہ ایسی چیز نہیں ہے جس میں پیداوار سائٹس میں کیا جانا چاہئے. سے بچا جا سکتا ہے).

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

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

ان لائن طرز کے نقصانات

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

اگر آپ کو صرف ان لائن شیلیوں کا استعمال کرنا پڑا تو، آپ کے دستاویزات جلد ہی بنائے جائیں گے اور برقرار رکھنا مشکل ہوجائیں گے. یہ ہے کیونکہ آپ ان عناصر پر ان لائن شیلیوں کو لاگو کرنا لازمی ہے جو آپ چاہتے ہیں. لہذا اگر آپ چاہتے ہیں کہ آپ کے تمام پیراگراف فونٹ خاندان کے "اریری" کے پاس ہوں، تو آپ کو اپنے دستاویز میں ہر <ٹی> ٹیگ میں ایک ان لائن سٹائل شامل کرنا ہوگا. اس ڈیزائنر کے لئے دونوں بحالی کا کام بھی شامل ہے اور ریڈر کے لئے ڈاؤن لوڈ کرنے والا وقت چونکہ آپ کو اس صفحہ میں ہر صفحے میں اس فونٹ-خاندان کو تبدیل کرنے کے لئے تبدیل کرنے کی ضرورت ہوگی. متبادل طور پر، اگر آپ ایک علیحدہ سٹائل شیٹ استعمال کرتے ہیں تو، آپ اسے ایک جگہ میں تبدیل کرنے کے قابل ہوسکتے ہیں اور ہر صفحے کو تازہ ترین اپ ڈیٹ ملتا ہے.

سچ تو یہ، ٹیگ کے دن کے پیچھے - یہ ویب ڈیزائن میں ایک قدم پسماندہ ہے!