لیکن کوڈنگ کے دوران، ہر ایک ویب صفحہ کے لیے الگ الگ سی ایس ایس کی خصوصیات شامل کرنا مشکل ہے۔ لہذا، یہ ایک ایسا حل استعمال کرنے کی ضرورت ہے جس کے ذریعے ایک ہی اسٹائل شیٹ بنائی جا سکے اور پھر متعدد فائلوں کے ذریعے آسانی سے رسائی حاصل کی جا سکے۔
CSS میں @import کا اصول کیا ہے؟
CSS طرز کی خصوصیات کو شامل کرنے کا بہترین طریقہ @import اصول کا استعمال کرنا ہے۔ @import کا استعمال کسی دوسری اسٹائل شیٹ سے سی ایس ایس اسٹائل شیٹ کو درآمد کرنے یا اس تک رسائی کے لیے کیا جاتا ہے۔ یہ ڈویلپر کی کوشش کو کم کر دیتا ہے کیونکہ امپورٹڈ اسٹائل شیٹ میں شامل تمام خصوصیات کو براہ راست صرف @import لکھ کر اور پھر اسٹائل شیٹ کا صحیح نام لکھ کر لاگو کیا جاتا ہے۔
@import رول کا نحو
دوسری اسٹائل شیٹ سے اسٹائل شیٹ تک رسائی کے لیے @import اصول کو شامل کرنے کے لیے نحو درج ذیل ہے:
درآمد 'stylesheetname.css' ;
@import اصول کو درج ذیل طریقہ سے بھی شامل کیا جا سکتا ہے۔
درآمد یو آر ایل ( stylesheetname.css ) ;
بس، سی ایس ایس اسٹائل شیٹ فائل کا نام یا تو الٹی کوما میں یا گول بریکٹ میں ' کے ساتھ شامل کریں۔ یو آر ایل 'لکھنے کے بعد' درآمد '
مثال: @import رول شامل کرنا
یہ سمجھنے کے لیے کہ @import اصول کیسے کام کرتا ہے، ہم ایک سادہ کوڈ کا ٹکڑا لکھتے ہیں:
< h1 > یہ ایک سادہ متن ہے! < / h1 >مندرجہ بالا کوڈ کے ٹکڑوں میں، ایک
سرخی ہے جس میں HTML دستاویز میں ایک سادہ ایک لائن کا جملہ شامل کیا گیا ہے۔ یہ سادہ کوڈ درج ذیل آؤٹ پٹ پیدا کرے گا:
آئیے کچھ سی ایس ایس خصوصیات کی وضاحت کے لیے ایک اسٹائل شیٹ بناتے ہیں جو بعد میں اس فائل سے درآمد کی جا سکتی ہیں جس کے ذریعے اوپر کا ویب صفحہ انٹرفیس بنایا گیا ہے۔ ہم ایک اور فائل بناتے ہیں اور اس کا نام ' اسٹائل شیٹ 'فائل کی قسم کے ساتھ' قرار دیا گیا سی ایس ایس ”، اور صرف
سرخی اور باڈی کے لیے کچھ خصوصیات شامل کریں: h1 {
رنگ : آدھی رات نیلے ;
پس منظر کا رنگ : azure ;
متن سیدھ : مرکز ;
}
جسم {
پس منظر کا رنگ : ہلکے نیلے رنگ کے ;
}
اسٹائل شیٹ فائل تک رسائی کے لیے جس میں
ہیڈنگ اور باڈی کے لیے اسٹائل کی خصوصیات ہیں، ہمیں کسی بھی سی ایس ایس فائل میں @import اصول کو شامل کرنا ہوگا جہاں اس اسٹائلنگ کی ضرورت ہے۔
صرف ایک سادہ @import اصول کو شامل کرنے سے ہر ویب صفحہ پر پراپرٹیز کو الگ الگ ٹائپ کیے بغیر ویب پیج انٹرفیس میں تمام اسٹائل پراپرٹیز لاگو ہوں گی۔
لہذا، یہ @import اصول لکھنے کی ضرورت ہے:
درآمد 'stylesheet.css' ;لکھ کر @import اصول شامل کرنا یو آر ایل اور گول بریکٹ میں CSS فائل کا نام بھی وہی نتائج دکھائے گا:
درآمد یو آر ایل ( stylesheet.css ) ;'میں بیان کردہ خصوصیات اسٹائل شیٹ 'فائل کو صرف ایک سادہ شامل کرکے لاگو کیا جاتا ہے' درآمد اس کے لیے اصول:
بغیر کسی اضافی کوشش کے فائل میں CSS کی خصوصیات کو شامل کرنے کا یہ سب سے آسان طریقہ ہے۔
CSS میں @import رول کے فوائد
@import اصول عام طور پر درج ذیل وجوہات کی بناء پر استعمال ہوتا ہے۔
- @import رول کو استعمال کرنے سے ڈویلپر کا وقت اور محنت کم ہو جاتی ہے کیونکہ یہ ایک مخصوص اسٹائل شیٹ کی تمام خصوصیات کو صرف @import کے بعد اس شیٹ کا نام لکھ کر لاگو کرتا ہے۔
- بڑی اور پیچیدہ ویب ایپس میں، @import اصول بہت فائدہ مند ثابت ہوتا ہے کیونکہ سٹائل شیٹ فائل کا نام شامل کر کے ایک ہی سٹائل کی خصوصیات کو متعدد فائلوں میں لاگو کیا جا سکتا ہے۔
- اسٹائل شیٹ کے عناصر جیسے ہیڈر، فوٹر، باڈی وغیرہ کو الگ اسٹائل شیٹ فائلوں میں اسٹور کیا جاسکتا ہے، اور پھر @import اصول کا استعمال کرتے ہوئے، مطلوبہ اسٹائل میں سے کسی کو بھی درآمد کیا جاسکتا ہے بغیر اسٹائل کی خصوصیات کو شامل کرنے، ہٹانے یا تبصرہ کرنے کی ضرورت کے۔ فائل
یہ @import اصول کے استعمال کا خلاصہ کرتا ہے اور بتاتا ہے کہ کس طرح اس اصول کو CSS شامل کرنے کا بہترین طریقہ سمجھا جاتا ہے۔
نتیجہ
ایک سی ایس ایس اسٹائل شیٹ کو کسی اور اسٹائل شیٹ سے براہ راست درآمد یا اس تک رسائی حاصل کی جاسکتی ہے اور درآمد شدہ اسٹائل شیٹ کی تمام خصوصیات براہ راست اس فائل کے ویب صفحہ پر لاگو ہوتی ہیں جہاں سے اسے درآمد کیا گیا ہے۔ ہر ویب پیج انٹرفیس کے لیے ہر سی ایس ایس پراپرٹی کو الگ الگ لکھنے کی ضرورت نہیں ہے۔ بس اس میں @import کے ساتھ CSS اسٹائل شیٹ فائل کا نام شامل کرنا ہے۔ اور، یہ سی ایس ایس شامل کرنے کا بہترین طریقہ سمجھا جاتا ہے۔