CSS کیا ہے اور اس سے ویب سائٹ کو مکمل طور پر کس طرح خوبصورت اور موزوں بنایا جا سکتا ہے؟
CSS یعنی "کاسکیڈنگ اسٹائل شیٹس" ویب سائٹ کے رنگ، ترتیب، فونٹ، سرخی، پیراگراف، بٹن، تصاویر، اور ڈیوائس کے مطابق سائز کو کنٹرول کرنے کی زبان ہے۔ یہ HTML کے ساتھ مل کر ویب سائٹ کو دیدہ زیب اور صارف دوست بناتی ہے۔ CSS سیکھنے کے لیے درج ذیل مرحلہ وار روڈمیپ اختیار کریں:
(1) تعارف
• CSS کیا ہے اور کیوں ضروری ہے؟
• CSS شامل کرنے کے تین طریقے: اندرونی، بیرونی، اور ان لائن
• CSS کا بنیادی سانچہ: سلیکٹر، خاصیت، اور قدر
(2) انتخاب کنندگان (Selectors)
• عنصر، شناخت (ID)، اور جماعت (Class)
• مخصوصیت (Specificity) اور ترجیح
• اولاد، ہمسایہ، اور جزوی انتخاب کنندگان
(3) رنگ، متن، اور پس منظر
• رنگوں کا استعمال: نام، ہیکس، اور آر جی بی
• فونٹ سائز، انداز، وقفہ
• متن کی ترتیب: دائیں، بائیں، درمیان
• پس منظر کا رنگ، تصویر، اور تکرار
(4) خانہ ماڈل (Box Model)
• بیرونی وقفہ (Margin)، سرحد (Border)، اندرونی وقفہ (Padding)، اور مواد (Content)
• چوڑائی، اونچائی، اور کنٹرول
• سرحد کو گول کرنا اور سایہ دینا
(5) ترتیب کے انداز
• ظاہر ہونا: بلاک، ان لائن، کوئی نہیں
• مقام بندی: جامد، نسبتاً، مطلق، چپکا ہوا
• تہ بندی: Z-Index
(6) فلیکس باکس (Flexbox)
• افقی اور عمودی ترتیب دینا
• درمیان میں رکھنا
• اشیاء کا لپیٹنا
• متوازن خانے بنانا
(7) جال (Grid)
• قطاریں اور ستون بنانا
• وقفے اور خلا
• خودکار اور طے شدہ سائز
• پیچیدہ لے آؤٹ بنانا
(8) ریسپانسیو ڈیزائن
• میڈیا قواعد (Media Queries)
• مختلف اسکرین سائز کے لیے ترتیب
• موبائل اور کمپیوٹر کے لیے الگ انداز
• فیصد، ایم، ریم، اور منظر کی بنیاد پر یونٹس
(9) حرکت اور منتقلی
• ہور کرنے پر اثرات
• آہستہ تبدیلیاں
• بنیادی حرکتیں
• بٹن اور تصاویر کو زندہ بنانا
(10) مشق کے منصوبے
• خوبصورت فارم
• سادہ اور ریسپانسیو مینو
• تصویری گیلری
• موبائل دوستانہ صفحہ
• سیاہ و سفید تھیم بدلنا
(11) سیکھنے کے ذرائع
• w3schools اردو ترجمہ
• یوٹیوب پر CSS کی مکمل کورسز
• Mozilla Developer اردو میں
• CSS کوڈنگ پریکٹس ویب سائٹس
CSS وہ ہنر ہے جو ویب سائٹ کو خوبصورت بناتا ہے۔ اگر آپ نے HTML کے ساتھ CSS اچھی طرح سیکھ لی تو آپ اپنی مرضی کی ویب سائٹ کا ہر پہلو کنٹرول کر سکتے ہیں۔ یہ راہنما آپ کو مکمل بنیاد فراہم کرتا ہے۔