CSS بدلتی ہے کہ آپ کا اسٹور کیسا دکھتا ہے: رنگ، فاصلے، سائز اور بہت کچھ۔ آپ بلڈر میں دو جگہوں پر اپنی CSS شامل کر سکتے ہیں: پورے اسٹور کے لیے، یا صرف ایک سیکشن کے لیے۔
پورے اسٹور کے لیے حسب ضرورت CSS
گیئر آئیکن پر کلک کریں اور حسب ضرورت CSS ٹیب کھولیں۔ اس خانے کا نام CSS کوڈ ہے: پورے اسٹور پر لاگو ہوتا ہے۔ آپ کی CSS اس مارکیٹ کے ہر صفحے پر لوڈ ہوتی ہے جسے آپ ایڈٹ کر رہے ہیں، اور پیش نظارہ نتیجہ دکھاتا ہے۔
اسے ان اصولوں کے لیے استعمال کریں جو ہر جگہ لاگو ہونے چاہئیں، مثلاً تمام صفحات پر کوئی عنصر چھپانا یا ہر بٹن کا انداز بدلنا۔ مثال کے طور پر، h1 { text-transform: uppercase; } ہر صفحے کا مرکزی عنوان بڑے حروف میں لکھتا ہے۔
ایک سیکشن کے لیے حسب ضرورت CSS
سیکشنز ٹیب میں کوئی سیکشن منتخب کریں۔ اس کی ترتیبات کے نیچے حسب ضرورت CSS ٹیب کھولیں۔ اس کے CSS کوڈ خانے پر لکھا ہوتا ہے صرف اس سیکشن پر لاگو ہوتا ہے۔ زیادہ تر سیکشنز میں یہ ہوتا ہے، جن میں ہیڈر، فوٹر، ہیرو، پروڈکٹ کی معلومات اور چیک آؤٹ شامل ہیں۔
یہ زیادہ محفوظ انتخاب ہے۔ Storeep آپ کے ہر سلیکٹر کے آگے سیکشن لگا دیتا ہے، اس لیے آپ کے اصول اس کے باہر کچھ نہیں بدل سکتے۔
h2 { letter-spacing: 2px; }صرف اس سیکشن کے اندر کے عنوانات بدلتا ہے۔- خود سیکشن کو اسٹائل کرنے کے لیے
&استعمال کریں:& { border-top: 1px solid #000; }۔ @mediaاصول کام کرتے ہیں۔ ان کے اندر کے اصول بھی سیکشن تک محدود رہتے ہیں۔@keyframesاینیمیشنز ویسی ہی رہتی ہیں جیسی آپ نے لکھیں۔
سیکشن کی CSS اسی صفحے کے اسی سیکشن کی ہوتی ہے۔ سیکشن کو اس کی CSS سمیت اپنے دوسرے صفحات پر کاپی کرنے کے لیے، جن میں وہ شامل ہو، سیکشن پر تمام صفحات پر لاگو کریں استعمال کریں۔ دیکھیں تمام صفحات پر لاگو کریں۔
کون سا استعمال کریں
- ایک سیکشن غلط دکھتا ہے: سیکشن کی حسب ضرورت CSS استعمال کریں۔
- ایک ہی تبدیلی ہر جگہ چاہیے: حسب ضرورت CSS کی ترتیبات کا ٹیب استعمال کریں۔
- CSS لکھنے سے پہلے دیکھیں کہ کیا کوئی ترتیب پہلے ہی یہ کام کرتی ہے: رنگ رنگ اسکیموں میں ہیں، فونٹس فونٹس کی ترتیبات میں، اور کونے اور سائے آپ کی تھیم سے آتے ہیں۔
جب آپ کی CSS کام نہ کرے
- دیکھیں کہیں
}یا;تو نہیں رہ گیا۔ ایک غلطی اس کے بعد کے اصولوں کو روک سکتی ہے۔ - ہو سکتا ہے آپ کا اصول تھیم کے اصول سے کمزور ہو۔ سلیکٹر کو زیادہ مخصوص بنائیں۔
- سیکشن CSS میں اپنا سلیکٹر
bodyیاhtmlسے شروع نہ کریں۔ یہ سیکشن سے باہر ہیں، اس لیے اصول میچ نہیں ہوگا۔ - اگر صفحہ ٹوٹا ہوا لگے تو اپنی آخری تبدیلی ہٹائیں، شائع کریں، اور اصول ایک ایک کر کے واپس شامل کریں۔
جاننے کی باتیں
- حسب ضرورت CSS اس مارکیٹ کی ہوتی ہے جسے آپ ایڈٹ کر رہے ہیں۔ جس مارکیٹ کو ضرورت ہو اس میں اسے دہرائیں۔
- تھیم بدلنے سے کلاس کے نام اور لے آؤٹ بدل سکتے ہیں، اس لیے تھیم بدلنے کے بعد اپنی حسب ضرورت CSS چیک کریں۔
- تبدیلیاں شائع کریں پر کلک کرنے کے بعد لائیو ہوتی ہیں۔
- صفحے کے اندر HTML اور کوڈ کے لیے دیکھیں حسب ضرورت کوڈ۔