وہاں کئی طریقوں ہیں جن میں آپ سی ایس ایس شیلیوں کو ایک ویب پیج پر لاگو کرسکتے ہیں، بشمول خارجی سٹائل کے شیٹس یا ان لائن شیلیوں کے ساتھ . اگر آپ بیرونی طرز شیٹ کا استعمال کرتے ہیں تو، جو ایچ ٹی ایم ایل دستاویز کی نظر کو نظر انداز کرنے اور نظر انداز کرنے کے لئے تجویز کردہ طریقہ ہے، ایک نقطہ نظرimport استعمال کرنا ہے.
import حکمرانی آپ کو آپ کے دستاویز میں اہم بیرونی سٹائل کے شیٹس کی اجازت دیتا ہے - یا تو ایک ایچ ٹی ایم ایل کے صفحے میں یا دوسرے CSS دستاویزات میں. بہت سے شیلیوں کو کئی چھوٹے، توجہ مرکوز فائلوں میں (لے آؤٹ کے لۓ، نوع ٹائپ کے لئے ایک، تصاویر کے لئے، ایک) میں کبھی کبھی ان فائلوں کو منظم کرنے میں مدد کرسکتا ہے اور مختلف انداز میں شامل ہوتا ہے. اگر آپ اس فائدہ سے لطف اندوز کرنا چاہتے ہیں، تو ان مختلف فائلوں کو درآمد کرنا آپ کو اپنے ویب صفحے کے ڈسپلے کے لئے کام کرنے کے لۓ کام کرنے کی ضرورت ہے.
ایچ ٹی ایم ایل میں درآمد
اپنے ایچ ٹی ایم ایل میں @ پاسپورٹ کا استعمال کرنے کے لئے، آپ درج ذیل دستاویز میں
درج کریں گے::
<سٹائل>
import url ("/ styles / default.css")؛
یہ کوڈ اب اس ایچ ٹی ایم ایل صفحہ پر استعمال کیلئے اس طرز شیٹ کو درآمد کرے گا اور آپ اس فائل میں اپنی تمام شیلیوں کو منظم کرسکتے ہیں. اہم سٹائل شیٹس کے نیچے اس طرح کا یہ طریقہ یہ ہے کہ یہ طریقہ متوازی ڈاؤن لوڈ کے لئے اجازت نہ دے. اس صفحے کو باقی صفحے پر منتقل کرنے سے قبل اس صفحے کو پورے شیلیے شیٹ کو ڈاؤن لوڈ کرنا لازمی ہے، بشمول دیگر سی ایس ایس کی فائلیں جنہیں آپ اس طریقہ کار کا استعمال کرتے ہوئے درآمد کر رہے ہیں. یہ آپ کے صفحے کی رفتار پر منفی اثر پڑے گا. ملاحظہ کریں کہ کس طرح اہم صفحہ کی کارکردگی آج کی ویب سائٹ کی کامیابی کے لئے ہے، یہ اکیلے اکیلے ایک وجہ یہ ہے کہ آپimport استعمال کرنے سے بچنے سے بچنے کے لئے چاہتے ہیں.
متبادل نقطہ نظر
آپ کے ایچ ٹی ایم ایل میںimport استعمال کرنے کے متبادل کے طور پر، آپ اس طرح اس سی ایس ایس فائل سے منسلک کرسکتے ہیں:
یہ افعالimport کے لئے بہت ہی اسی طرح کے کام کرتا ہے کہ آپ کو آپ کو ایک مرکزی مقام / فائل سے آپ کے تمام سی ایس ایس کا انتظام کرنے کی اجازت دیتا ہے، لیکن یہ طریقہ ڈاؤن لوڈ کے نقطہ نظر سے بہتر ہے. اگر آپ اب بھی مختلف قسم کے شیلیوں کو علیحدہ فائلوں میں تقسیم کرنا چاہتے ہیں تو، آپ ایسا کرنے کے لئے جاری رہ سکتے ہیں اور اپنے ماسٹر سی ایس ایس فائل کے اندرimport فعالیت کا استعمال کرسکتے ہیں. اس کا مطلب یہ ہے کہ آپ کی بیرونی سی ایس ایس فائلوں کو اب بھی انفرادی طور پر منظم کیا جاسکتا ہے، لیکن چونکہ وہ سب ایک ماسٹر سی ایس ایس میں درآمد کرتے ہیں، کارکردگی بہتر ہو جاتی ہے.
سی ایس ایس میں درآمد
کوڈ مثال کے طور پر اوپر کا استعمال اپنے HTML صفحہ پر استعمال کرنے کے لئے "default.css" فائل لائے گا. اس سی ایس ایس فائل کے اندر، آپ کے پاس مختلف صفحہ شیلیوں پڑے گا. آپ ان تمام شیلیوں کو اس صفحہ پر تفصیلی کر سکتے ہیں، یا آپ کو آسان انتظام کے لۓ ان کو توڑنے کیلئےimport استعمال کرسکتے ہیں. ایک بار پھر، ہم یہ کہتے ہیں کہ ہم 4 علیحدہ سی ایس ایس فائلوں کا استعمال کرتے ہیں - ایک ترتیب کے لۓ، ایک نوع ٹائپ کے لۓ، اور تصاویر کے لۓ. چوتھی فائل ہماری "ماسٹر" فائل ہے جسے ہمارے صفحے سے روابط کیا جاتا ہے (اس مثال کے لئے، یہ "default.css" ہے). اس ماسٹر سی ایس ایس فائل کے بہت سے اوپر ہم ذیل میں دکھایا گئے قوانین کو شامل کر سکتے ہیں:
import url ('/ styles / layout.css')؛
import url ('/ styles / type.css')؛
import url ('/ styles / images.css')؛
نوٹ کریں کہ یہ قوانین آپ کے کام کرنے کے لئے آپ کے سی ایس ایس فائل میں تمام دیگر مواد سے پہلے ہونا ضروری ہے. آپ ان درآمد کے قواعد سے پہلے کسی بھی سی ایس ایس سٹائل نہیں کر سکتے ہیں!
ان درآمد قوانین کے تحت، آپ اپنی ڈیفالٹ شیٹ میں جو بھی چاہتے ہیں وہ سی ایس ایس شیلیوں جو بھی شامل کرسکتے ہیں. جب اس کا بنیادی سی ایس ایس فائل بھرا ہوا ہے، تو یہ سب سے پہلے ان علیحدہ فائلوں کو درآمد کریں گے اور اپنی شیلیوں کو شیلیڈیٹ کے سب سے اوپر تک شامل کریں گے. اس کے بعد آپ کے تمام دیگر شیلیوں کو ان درآمد شدہ افراد کے نیچے ملے گا، مکمل سی ایس ایس فائل تشکیل دے گا جسے ویب براؤزر آپ کی سائٹ کو ظاہر کرنے کے لئے استعمال کرے گا. آپ ایچ ٹی ایم ایل میں اس سے منسلک واحد شیلیڈیٹ ہونے کے باوجود چھوٹے، زیادہ مرکوز فائلوں کا انتظام کرنے کا فائدہ حاصل کرتے ہیں.
میڈیا سوالات کے لئے # 64 کا استعمال کرتے ہوئے
ایک چیز جس پر آپ ایسا کرنے پر غور کر سکتے ہو اسے الگ الگ فائل میں ذمہ دار ویب سائٹ شیلیوں کے لئے آپ کی ویب سائٹ کے میڈیا سوالوں کو الگ کر دیا گیا ہے. چونکہ یہ ذمہ دار طرز آپ کی ویب سائٹ کے دوسرے طرز کے قواعد کے ساتھ نظر آتے وقت الجھن میں جا سکتے ہیں، ان کو مختلف فائلوں میں رکھنے کے لۓ کشش ہوسکتا ہے. اس نقطہ نظر کے ساتھ ایک تشویش یہ ہے کہ، کیونکہ آپ کے @ قوانین کے قوانین کو سب سے پہلے ہونا لازمی ہے، اس کا مطلب یہ ہے کہ آپ کے میڈیا کے سوالات باقی باقی سائٹ کے شیلیوں سے پہلے ہو جائیں گے. موبائل - پہلی ذمہ دار سائٹ بنانے کے بعد جب اکاؤنٹ میں کارکردگی لیتا ہے، تو یہ ایک مسئلہ ہوسکتا ہے. اس وجہ سے، یہ تجویز کی جاتی ہے کہ آپ اپنی ویب سائٹ کی ذمہ داریاں الگ الگ طور پر سیکشن نہیں کرتے ہیں اور انہیں اپنی ویب سائٹ میں لانے کیلئےimport استعمال کریں. جی ہاں، ایسا کرنے کا فائدہ ہو سکتا ہے، لیکن خرابیوں کو ان کے فوائد سے کہیں زیادہ ہے.
کیا میں استعمال کرنے کی ضرورت ہے & # 64؛ درآمد؟
نہیں، تم نہیں کرتے. بہت سارے سائٹس کو صرف ایک فائل کے اندر اپنی سبھی اہم شیلیوں کو ظاہر کرتا ہے اور اس طرح کے طور پر بڑی فائل ہوسکتی ہے، یہ اس طرح سے منظم ہوتا ہے (یہ میرے کام میں کیا ہے). اگر آپimport مددگار مددگار ہے تو، یہ آپ کے کام کے بہاؤ کا حصہ بن سکتا ہے. دوسری صورت میں، آپ ویب صفحات کو محفوظ طریقے سے بنا سکتے ہیں جو آپ کے تمام سی ایس ایس قواعد کے کسی بھی سٹائل شیٹ.
براؤزر سپورٹ
بہت، بہت پرانے براؤزر ان میں سے کسی کو کچھ قوانین کے ساتھ پریشانی ہے، لیکن ان براؤزر آپ کو ان دنوں میں کوئی مسئلہ نہیں ہے. یہ خاص طور پر سچ ہے اب انٹرنیٹ انٹرنیٹ ایکسپلورر کے پرانے ورژن کے لئے زندگی کی آخری تاریخ ختم ہوگئی ہے. بالآخر، اگر آپ اپنے ایچ ٹی ایم ایل یا CSS میںimport قوانین کو استعمال کرنے کا فیصلہ کرتے ہیں، تو آپ کو ویب براؤزرز کی میراث ورژن کے ساتھ نہیں چلنا چاہئے جب تک آپ کو IE کے ناقابل یقین حد تک پرانے ورژنوں کی حمایت کرنے کے لئے کچھ عجیب ضرورت نہیں ہے.
جینیفر کریین کی طرف سے اصل مضمون. جیریمی Girard کی طرف سے ترمیم.