کاسکیڈنگ اسٹائل شیٹس (سی ایس ایس) کا استعمال کرتے ہوئے ڈیزائن کیا گیا ہے یا XML (بشمول XHTML ، SVG) فارمیٹ۔ یہ ایک اسٹائل شیٹ کی زبان ہے جو بنیادی طور پر متنوع سلسلہ بندی کے طریقوں کے ذریعے عناصر کی وضاحت کے لئے استعمال ہوتی ہے۔ ایک طریق کار منڈلا رہا ہے اور اس مضمون میں ، ہم سی ایس ایس میں ہوور کو درج ذیل طریقے سے سمجھیں گے:
- سی ایس ایس میں ہوور کیا ہے؟
- ہوور کہاں استعمال ہوتا ہے؟
- ہوور کیا کرتا ہے؟
- مطابقت
- یہ کیسے کام کرتا ہے؟
- پس منظر کا رنگ تبدیل کریں 'ریڈ' کریں
- امیجز پر ہور اوپیسٹی پیدا کرنا
- امیجز پر ٹیکسٹ اوورلی بنانا
سی ایس ایس میں ہوور کیا ہے؟
سی ایس ایس ہوور ایک سلیکٹر جزو ہے جسے ماؤس پوائنٹر ان کے اوپر چلتے وقت مختلف عناصر کو اسٹائل کرنے کے لئے استعمال ہوتا ہے۔ وہ تقریبا ہر HTML عنصر پر استعمال ہوسکتے ہیں۔ سی ایس ایس میں ہوور کی خصوصیت ویب پیج ڈیزائننگ میں کافی اہمیت رکھتی ہے۔
اوریکل سے ایچ ڈی ایف ایس تک درآمد کریں
ہوور جزو ایک کمپیکٹ اور اثر انگیز ویب ڈیزائننگ پروگرام میں صارف کی ترجیح کے مطابق ویب صفحات کو اجاگر ، انکوڈ اور اپنی مرضی کے مطابق بنا سکتا ہے۔
ہوور کہاں استعمال ہوتا ہے؟
ہوور کی خصوصیت کے عملی ہونے کی سب سے عام مثالوں کو بڑی شاپنگ ویب سائٹس جیسے فلپ کارٹ اور ایمیزون پر روشنی ڈالی جاسکتی ہے۔ جب صارفین ان ای کامرس ویب سائٹوں پر کسی بھی پروڈکٹ پر ہوور کرتے ہیں تو اس پروڈکٹ کا خودکار زوم ہور فنکشن انجام دینے کا پروگرام بنایا جاتا ہے تاکہ گاہک کو ان کی منتخب کردہ مصنوعات کا بہتر نظارہ مل سکے۔ اس پروگرامنگ کے ذریعے ، ویب پیج کو ایک ہی ویب پیج ڈیزائن میں دلچسپی رکھنے والی مصنوعات کے تفصیلی نظریہ کے ساتھ پوری پروڈکٹ رینج کا ایک کمپیکٹ نظریہ ڈسپلے کرنے کے لئے ڈیزائن کیا گیا ہے۔
ہوور کیا کرتا ہے؟
ہوور ایک ملٹی فنکشنل پروگرامنگ ٹول ہے جس کے ذریعے صارف متعدد فارمیٹنگ کے معیار کے ساتھ ہدف عنصر کو اپنی مرضی کے مطابق بنا سکتا ہے۔ ہوور کی خصوصیت سے متعلق آپریشنل جانکاری کے کچھ واقعات میں شامل ہیں:
- پس منظر / فونٹ کا رنگ تبدیل کرنا
- ہوور پر ظاہر ہونے والے پوشیدہ متن کو شامل کرنا
- تصاویر پر رول اوور اثرات مرتب کریں
- متن / امیجز پر خودکار زوم
- تصویری دھندلاپن میں ترمیم کریں
- متن ایمبیڈنگ
- تصویری تبادلہ
- تقسیم ہوور
- متعدد دیگر سی ایس ایس ہوور فارمیٹنگ آپریشنز۔
ہوور اثر بنیادی طور پر کسی عنصر کی جائیداد کی قیمت میں ردوبدل کرتا ہے تاکہ کسی متن / تصویر یا متعلقہ عناصر میں تبدیل ہوجائے۔ ویب پیج ڈیزائن میں سی ایس ایس ہوور عناصر کی سرایت ایک باقاعدہ ویب پیج کو انٹرایکٹو ، مضبوط اور انتہائی فنکشنل ویب پیج میں تبدیل کرتی ہے۔ یہ ویب صفحہ ڈیزائن صارف دوست اور جامع ہیں۔ ہوور کے ڈیزائن کردہ ویب صفحات میں اعلی صارفین کی اپیل ہوتی ہے اور وہ ممکنہ گاہکوں کے نوٹس کو آمادہ کرتے ہیں۔
سی ایس ایس میں ہوور کی مطابقت
ہوور کی خصوصیت تمام بڑے ویب براؤزرز کے ساتھ مطابقت رکھتی ہے۔ تاہم ، ٹچ ڈیوائسز پر اس عنصر کا نفاذ ابھی بھی ایک مشکل کام ہے۔ سی ایس ایس میں ہوور ان آلات پر مواد کی رسائ کے قابل بناتا ہے جو ہور کے افعال کی حمایت نہیں کرتے ہیں۔ یہ مشاہدہ کیا گیا ہے کہ غیر معاون آلہ پر متحرک ہوور کا فنکشن ڈیوائس پر پھنس سکتا ہے۔
اس کے نتیجے میں ، فارمیٹنگ کے مسئلے کے ذریعہ اہم مواد کا حیات ڈسپلے مسدود کردیا گیا ہے۔ ایک طرف جہاں سی ایس ایس پروگرام میں ہور عنصر متنازعہ طور پر ویب صفحات پر موثر ذاتی نوعیت کی ایک بڑی سطح کا حصہ ڈالتا ہے ، وہیں موبائل آلات پر اس کی چلنے والی صلاحیت انتہائی غیر مستحکم ہے۔ ان حالات کا فائدہ اٹھاتے ہوئے جہاں انفارمیشن ٹکنالوجی کی دنیا کافی حد تک موبائل میں ترقی کر رہی ہے ، تکنیکی پیشرفت کے ساتھ متروک ہوور کے نمایاں ہونے کا خطرہ ہے۔ لہذا ، رابطے اور موبائل آلات کے ساتھ کام کرنے والی پورٹیبل ایمبیڈڈ خصوصیت کو گھڑنے کی ضرورت انتہائی ضروری ہے۔
گونج اور پرنٹ کے درمیان پی ایچ پی فرق
سی ایس ایس میں ہوور کیسے کام کرتا ہے؟
فعال سیڈو کلاس اسٹائل سی ایس ایس ہوور فارمیٹنگ میں غالب ہے اور یہ کسی بھی / تمام بعد کے لنک کو اوور رائیڈ کرتا ہے جس کے بعد اس چھدمو کلاس آتا ہے۔ مثال کے طور پر چھدمو کلاس میں “: لنک: ملاحظہ کیا ، یا: فعال: ہوور اصول کو بعد میں رکھنے کی ضرورت ہے: لنک اور: وزٹ کیا لیکن اس سے پہلے: مناسب کے لئے فعال: ہوور اسٹائلنگ۔ LVHA- آرڈر:: لنک ،: ہوور ،: ملاحظہ کیا ، اور: فعال کو مناسب: ہور فارمیٹنگ اسٹائل کے ل reference ایک حوالہ کے طور پر استعمال کیا جاتا ہے۔
div {پس منظر کا رنگ: سبز بھرتی: 18px ڈسپلے: کوئی بھی نہیں an مدت: ہوور + Div {ڈسپلے: بلاک}ہوور ٹیسٹ!ہوور پر پوشیدہ کوڈ شومذکورہ کوڈ میں ، اسپین عنصر کو ہور اور ڈیوی عنصر کو اسپین: ہوور + ڈوی عنصر کے ذریعہ ضم کرنے میں ترمیم کی گئی ہے۔ ابتدائی لینڈنگ کے ویب صفحے پر دکھائے جانے والا دورانیے کا متن 'ہوور ٹیسٹ!' دکھایا جائے گا۔ اسپین عنصر پر مزید منڈلانے سے Div عنصر کا پتہ چلتا ہے 'ہوور پر پوشیدہ کوڈ شو'۔ یہ امبیڈنگ شکل شکل کے ساتھ ساتھ متن پر بھی چلتا ہے۔
پس منظر کا رنگ تبدیل کریں 'ریڈ' کریں
p: hover، h1: hover، a: hover {پس منظر کا رنگ: سرخ}ہوور ریڈ
ہوور ریڈ
روابط:
ہوور ٹیسٹ ریڈ:
گوگل کام نوٹ: ہیلو
مندرجہ بالا کوڈ کو اپنی مرضی کے مطابق بناتا ہے
،